| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
| 4 <script src="../../resources/run-after-display.js"></script> |
| 4 <script src="resources/text-based-repaint.js"></script> | 5 <script src="resources/text-based-repaint.js"></script> |
| 5 <script type="text/javascript"> | 6 <script type="text/javascript"> |
| 6 function scrollAndRepaint() | 7 function scrollAndRepaint() |
| 7 { | 8 { |
| 9 if (window.testRunner) |
| 10 testRunner.waitUntilDone(); |
| 11 |
| 8 scrollBy(0, 200); | 12 scrollBy(0, 200); |
| 9 runRepaintTest(); | 13 |
| 14 runAfterDisplay(function() { |
| 15 runRepaintTest(); |
| 16 if (window.testRunner) |
| 17 testRunner.notifyDone(); |
| 18 }); |
| 10 } | 19 } |
| 11 function repaintTest() | 20 function repaintTest() |
| 12 { | 21 { |
| 13 document.getElementById('toMove').style.left = "150px"; | 22 document.getElementById('toMove').style.left = "150px"; |
| 14 document.getElementById('toMove').style.backgroundColor = "green"; | 23 document.getElementById('toMove').style.backgroundColor = "green"; |
| 15 } | 24 } |
| 16 </script> | 25 </script> |
| 17 </head> | 26 </head> |
| 18 <body onload="scrollAndRepaint()" style="height: 3000px;"> | 27 <body onload="scrollAndRepaint()" style="height: 3000px;"> |
| 19 <p style="position: absolute; top: 210">You should see a yellow rect on the
left, and a green one on the right. No red pixels.</p> | 28 <p style="position: absolute; top: 210">You should see a yellow rect on the
left, and a green one on the right. No red pixels.</p> |
| 20 <div id="toMove" style="width: 100px; height: 100px; background-color: red;
position: fixed; top: 70px; left: 10px;"></div> | 29 <div id="toMove" style="width: 100px; height: 100px; background-color: red;
position: fixed; top: 70px; left: 10px;"></div> |
| 21 <div style="width: 100px; height: 100px; background-color: yellow; position:
absolute; top: 270px; left: 10px; z-index: -5;"></div> | 30 <div style="width: 100px; height: 100px; background-color: yellow; position:
absolute; top: 270px; left: 10px; z-index: -5;"></div> |
| 22 </body> | 31 </body> |
| 23 </html> | 32 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 191693002:
Delay scrollContents until the next paint (Closed)
Base URL: svn://svn.chromium.org/blink/trunk