| <!DOCTYPE html> |
| <html> |
| <head> |
| <style type='text/css'> |
| #overflow { |
| overflow:auto; |
| width:200px; |
| height:200px; |
| -webkit-transform:translateZ(0); |
| } |
| </style> |
| <script type='text/javascript'> |
| function doTest() { |
| var canvas = document.createElement('canvas'); |
| canvas.width = 1; |
| canvas.height = 400; |
| var content = document.getElementById("content"); |
| content.onload = function() { |
| var overflow = document.getElementById("overflow"); |
| overflow.scrollTop = 50; |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| content.src = canvas.toDataURL(); |
| } |
| window.addEventListener('load', doTest, false); |
| |
| if (window.testRunner) { |
| testRunner.waitUntilDone(); |
| testRunner.dumpAsText(true); |
| } |
| </script> |
| </head> |
| <body> |
| <!-- This test passes if a partially scrolled scrollbar appears --> |
| <div id="overflow"> |
| <img id="content"> |
| </div> |
| </body> |
| </html> |
