| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 3 <script src="resources/text-based-repaint.js"></script> | 3 <script src="resources/text-based-repaint.js"></script> | 
| 4 <body onload="runRepaintAndPixelTest()"> | 4 <body onload="runRepaintAndPixelTest()"> | 
| 5   You should see the text 'after' in the inner box with no mangled pixels. | 5   You should see the text 'after' in the inner box with no mangled pixels. | 
| 6   <div id="parent" style="position:absolute; width:300px; height:300px; overflow
    :hidden; border: solid 1px red"> | 6   <div id="parent" style="position:absolute; width:300px; height:300px; overflow
    :hidden; border: solid 1px red"> | 
| 7     <div style="position:absolute; width:100px; height:100px; left:100px; top:10
    0px; border:solid 1px green; overflow:hidden"> | 7     <div style="position:absolute; width:100px; height:100px; left:100px; top:10
    0px; border:solid 1px green; overflow:hidden"> | 
| 8       <div id="target" style="width:50px; height:50px">before</div> | 8       <div id="target" style="width:50px; height:50px">before</div> | 
| 9     </div> | 9     </div> | 
| 10     <div style="width:1000px; height:1000px;"></div> | 10     <div style="width:1000px; height:1000px;"></div> | 
| 11   </div> | 11   </div> | 
| 12 </body> | 12 </body> | 
| 13 <script> | 13 <script> | 
| 14   parent = document.getElementById('parent'); | 14   parent = document.getElementById('parent'); | 
| 15   parent.scrollTop = 10; | 15   parent.scrollTop = 10; | 
| 16   parent.scrollLeft = 10; | 16   parent.scrollLeft = 10; | 
| 17 | 17 | 
| 18   function repaintTest() { | 18   function repaintTest() { | 
| 19     document.getElementById('target').innerText = 'after'; | 19     document.getElementById('target').innerText = 'after'; | 
| 20   } | 20   } | 
| 21 </script> | 21 </script> | 
| 22 </html> | 22 </html> | 
| OLD | NEW | 
|---|