| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <title>Relative Positioned Inline Repaint Test</title> | 3 <title>Relative Positioned Inline Repaint Test</title> |
| 4 <style> | 4 <style> |
| 5 #target { background-color:orange; } | 5 #target { background-color:orange; } |
| 6 </style> | 6 </style> |
| 7 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | 7 <script src="resources/text-based-repaint.js" type="text/javascript"></script> |
| 8 <script type="text/javascript"> | 8 <script type="text/javascript"> |
| 9 function repaintTest() | 9 function repaintTest() |
| 10 { | 10 { |
| 11 document.getElementById('target').style.backgroundColor='red'; | 11 document.getElementById('target').style.backgroundColor='red'; |
| 12 } | 12 } |
| 13 </script> | 13 </script> |
| 14 </head> | 14 </head> |
| 15 <body onload="runRepaintAndPixelTest();"> | 15 <body onload="runRepaintAndPixelTest();"> |
| 16 <p>If you see any red or orange below then the test has failed.</p> | 16 <p>If you see any red or orange below then the test has failed.</p> |
| 17 <span style="position:relative"><div style="vertical-align:top;display:inline-
block; width:100px;height:100px; background-color:green"></div></span> | 17 <span style="position:relative"><div style="vertical-align:top;display:inline-
block; width:100px;height:100px; background-color:green"></div></span> |
| 18 <br> | 18 <br> |
| 19 <div id="target" style="display:inline-block; margin-top:-50px;width:100px;hei
ght:50px;"></div> | 19 <div id="target" style="display:inline-block; margin-top:-50px;width:100px;hei
ght:50px;"></div> |
| 20 </body> | 20 </body> |
| 21 </html> | 21 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2321183002:
Move repaint tests (except for svg/) to paint/invalidation (Closed)
