| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Repaint test for crbug.com/222851</title> | 4 <title>Repaint test for crbug.com/222851</title> |
| 5 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | |
| 6 <script> | 5 <script> |
| 7 if (window.internals) { | 6 if (window.internals) { |
| 8 // Avoid the noise caused by change of scrollbar existence. | 7 // Avoid the noise caused by change of scrollbar existence. |
| 9 internals.settings.setOverlayScrollbarsEnabled(true); | 8 internals.settings.setOverlayScrollbarsEnabled(true); |
| 10 internals.settings.setMockScrollbarsEnabled(true); | 9 internals.settings.setMockScrollbarsEnabled(true); |
| 11 } | 10 } |
| 12 | |
| 13 function repaintTest() { | |
| 14 document.getElementById('target').style.height = '2px'; | |
| 15 } | |
| 16 </script> | 11 </script> |
| 17 </head> | 12 </head> |
| 18 <body style="background-color: #3F3F3F;" onload="runRepaintTest()"> | 13 <body style="background-color: #3F3F3F;"> |
| 19 <div style="border-radius: 150px; background-color: #EFEFEF; width: 90%; paddi
ng: 5em; margin: 0 auto;"> | 14 <div style="border-radius: 150px; background-color: #EFEFEF; width: 90%; paddi
ng: 5em; margin: 0 auto;"> |
| 20 <div style="border-radius: 5px; border: solid 3px #367CAF; width: 85%; m
argin: 0 auto;"> | 15 <div style="border-radius: 5px; border: solid 3px #367CAF; width: 85%; m
argin: 0 auto;"> |
| 21 <div class="notARealClass" style="background-color: #367CAF; height: 3
em; cursor: pointer;"> | 16 <div class="notARealClass" style="background-color: #367CAF; height: 3
em; cursor: pointer;"> |
| 22 </div> | 17 </div> |
| 23 » <div id="target" style="width: 100%; height: 550px;"> | 18 » <div id="target" style="width: 100%; height: 2px;"> |
| 24 </div> | 19 </div> |
| 25 </div> | 20 </div> |
| 26 </div> | 21 </div> |
| 27 </body> | 22 </body> |
| 28 </html> | 23 </html> |
| OLD | NEW |