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