| <!-- Based on compositing/overflow/updating-scrolling-container.html --> |
| <!DOCTYPE html> |
| <script src="resources/paint-invalidation-test.js"></script> |
| <script> |
| window.expectedPaintInvalidationObjects = [ |
| "LayoutBlockFlow DIV id='container'", |
| ]; |
| function paintInvalidationTest() { |
| document.getElementById('container').style.borderColor = "green"; |
| } |
| onload = runPaintInvalidationTest; |
| </script> |
| <style> |
| #container { |
| overflow: scroll; |
| width: 200px; |
| height: 200px; |
| border: 5px solid red; |
| } |
| #content { |
| width: 400px; |
| height: 400px; |
| } |
| </style> |
| <div style="height: 100px"> |
| Tests invalidation of scrolling container and contents on change of style which affects the container only. |
| Passes if there is no red, and only the container is invalidated. |
| </div> |
| <div id="container"> |
| <div id="content">CONTENT</div> |
| </div> |