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 |