OLD | NEW |
1 <!-- Based on compositing/overflow/updating-scrolling-container.html --> | 1 <!-- Based on compositing/overflow/updating-scrolling-container.html --> |
2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
3 <script src="resources/paint-invalidation-test.js"></script> | 3 <script src="resources/paint-invalidation-test.js"></script> |
4 <script> | 4 <script> |
5 window.expectedPaintInvalidationObjects = [ | |
6 "LayoutBlockFlow DIV id='container'", | |
7 ]; | |
8 function paintInvalidationTest() { | 5 function paintInvalidationTest() { |
9 document.getElementById('container').style.borderColor = "green"; | 6 document.getElementById('container').style.borderColor = "green"; |
10 } | 7 } |
11 onload = runPaintInvalidationTest; | 8 onload = runPaintInvalidationTest; |
12 </script> | 9 </script> |
13 <style> | 10 <style> |
14 #container { | 11 #container { |
15 overflow: scroll; | 12 overflow: scroll; |
16 width: 200px; | 13 width: 200px; |
17 height: 200px; | 14 height: 200px; |
18 border: 5px solid red; | 15 border: 5px solid red; |
19 } | 16 } |
20 #content { | 17 #content { |
21 width: 400px; | 18 width: 400px; |
22 height: 400px; | 19 height: 400px; |
23 } | 20 } |
24 </style> | 21 </style> |
25 <div style="height: 100px"> | 22 <div style="height: 100px"> |
26 Tests invalidation of scrolling container and contents on change of style which
affects the container only. | 23 Tests invalidation of scrolling container and contents on change of style which
affects the container only. |
27 Passes if there is no red, and only the container is invalidated. | 24 Passes if there is no red, and only the container is invalidated. |
28 </div> | 25 </div> |
29 <div id="container"> | 26 <div id="container"> |
30 <div id="content">CONTENT</div> | 27 <div id="content">CONTENT</div> |
31 </div> | 28 </div> |
OLD | NEW |