| <!-- Based on compositing/squashing/repaint-overflow-scrolled-squashed-content.html --> |
| <!doctype html> |
| <div style="position: absolute; overflow:scroll; width:200px; height:200px"> |
| <div id="foo2" style="height: 1000px; width: 150px; background: lightblue; transform: translateZ(0) "></div> |
| <div id="foo" style="height: 1000px; width: 100px; position: absolute; top: 0px; left: 0px; background: lightgray"></div> |
| </div> |
| <script src="resources/paint-invalidation-test.js"></script> |
| <script> |
| // This test verifies that a repaint request for a squashed layer that is inside of a scrolling container and much taller |
| // than the viewport does not receive an incorrect paint invalidation rect when it is invalidated. In particular, the invalidation |
| // rect should not be clipped to the visible viewport. |
| |
| window.expectedPaintInvalidationObjects = [ |
| "LayoutBlockFlow (positioned) DIV id='foo'", |
| ]; |
| function paintInvalidationTest() { |
| document.querySelector("#foo").style.background = 'red'; |
| } |
| |
| runPaintInvalidationTest(); |
| </script> |