OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../fast/repaint/resources/text-based-repaint.js"></script> | 2 <script src="../fast/repaint/resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 function repaintTest() { | 4 function repaintTest() { |
5 document.getElementById('target').style.outline = 'red auto thin'; | 5 document.getElementById('target').style.outline = 'red auto thin'; |
6 } | 6 } |
7 onload = runRepaintTest; | 7 onload = runRepaintTest; |
8 </script> | 8 </script> |
9 <div style="height: 50px"> | 9 <div style="height: 50px"> |
10 Result repaint rects should cover the whole focus ring. | 10 Result repaint rects should cover the whole focus ring. |
11 </div> | 11 </div> |
12 <div id="target" style="backface-visibility: hidden; width: 200px; height: 200px
; background-color: yellow"> | 12 <div id="target" style="backface-visibility: hidden; width: 200px; height: 200px
; background-color: yellow"> |
13 <div style="-webkit-transform: rotate(90deg); position: absolute; top: 100px
; left: 100px; background-color: blue; width: 300px; height: 300px"> | 13 <div style="transform: rotate(90deg); position: absolute; top: 100px; left:
100px; background-color: blue; width: 300px; height: 300px"> |
14 <div style="position: absolute; top: 100px; left: 40px; background-color
: green; width: 400px; height: 100px"></div> | 14 <div style="position: absolute; top: 100px; left: 40px; background-color
: green; width: 400px; height: 100px"></div> |
15 </div> | 15 </div> |
16 </div> | 16 </div> |
OLD | NEW |