OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="resources/text-based-repaint.js"></script> | 2 <script src="resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 function repaintTest() { | 4 function repaintTest() { |
5 document.getElementById('fixed').style.height = '200px'; | 5 document.getElementById('fixed').style.height = '200px'; |
6 } | 6 } |
7 onload = function() { | 7 onload = function() { |
8 // Scroll before repaint test to test correct scroll offset of invalidation re
ct | 8 // Scroll before repaint test to test correct scroll offset of invalidation re
ct |
9 // for fixed-position element when it needs repaint. | 9 // for fixed-position element when it needs repaint. |
10 window.scrollTo(0, 400); | 10 window.scrollTo(0, 400); |
(...skipping 17 matching lines...) Expand all Loading... |
28 background-color: red; | 28 background-color: red; |
29 backface-visibility: hidden; | 29 backface-visibility: hidden; |
30 z-index: 1000; | 30 z-index: 1000; |
31 } | 31 } |
32 #fixed { | 32 #fixed { |
33 position: fixed; | 33 position: fixed; |
34 top: 0; | 34 top: 0; |
35 left: 0; | 35 left: 0; |
36 width: 100px; | 36 width: 100px; |
37 height: 100px; | 37 height: 100px; |
38 background-color: green; | 38 background-color: rgba(0, 128, 0, 0.99); |
39 } | 39 } |
40 </style> | 40 </style> |
41 Tests paint invalidation of fixed element under a composited absolute element on
resize after scrolled. | 41 Tests paint invalidation of fixed element under a composited absolute element on
resize after scrolled. |
42 Passes if there is a 100x200 green rectangle and no red. | 42 Passes if there is a 100x200 green rectangle and no red. |
43 <div id="indicator"></div> | 43 <div id="indicator"></div> |
44 <div id="absolute"> | 44 <div id="absolute"> |
45 <div id="fixed"> | 45 <div id="fixed"> |
46 </div> | 46 </div> |
47 </div> | 47 </div> |
OLD | NEW |