OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/java
script"></script> | 4 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/java
script"></script> |
5 <script> | 5 <script> |
| 6 window.outputRepaintRects = false; |
6 function repaintTest() { | 7 function repaintTest() { |
7 var wrapper = document.getElementById('wrapper'); | 8 var wrapper = document.getElementById('wrapper'); |
8 wrapper.style.height = '200px'; | 9 wrapper.style.height = '200px'; |
9 } | 10 } |
10 </script> | 11 </script> |
11 </head> | 12 </head> |
12 | 13 |
13 <body onload="runRepaintAndPixelTest();"> | 14 <body onload="runRepaintAndPixelTest();"> |
14 <!-- http://crbug.com/313083 | 15 <!-- http://crbug.com/313083 |
15 The red div should be obscured by SVG content after re-layout --> | 16 The red div should be obscured by SVG content after re-layout --> |
16 <div style="position: absolute; top: 100px; width: 100px; height: 100px; backg
round-color: red;"></div> | 17 <div style="position: absolute; top: 100px; width: 100px; height: 100px; backg
round-color: red;"></div> |
17 | 18 |
18 <div id="wrapper" style="position: absolute; top: 0px; width: 100px; height: 1
00px;"> | 19 <div id="wrapper" style="position: absolute; top: 0px; width: 100px; height: 1
00px;"> |
19 <img style="width: 100%; height: 100%;" src="data:image/svg+xml;utf8, | 20 <img style="width: 100%; height: 100%;" src="data:image/svg+xml;utf8, |
20 <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox = '
0 0 10 10' preserveAspectRatio='xMaxYMax'> | 21 <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox = '
0 0 10 10' preserveAspectRatio='xMaxYMax'> |
21 <rect width='10' height='10' fill='green'/> | 22 <rect width='10' height='10' fill='green'/> |
22 </svg>"> | 23 </svg>"> |
23 </div> | 24 </div> |
24 </body> | 25 </body> |
25 </html> | 26 </html> |
OLD | NEW |