blob: 8123e7ff3befbbf651c628be2d388ee160c247a9 [file] [log] [blame]
<!-- Based on compositing/squashing/squashing-inside-preserve-3d-element.html -->
<!doctype html>
<div style="-webkit-transform-style: preserve-3d">
<div style="width: 100px; height: 100px; background:lightgray; transform:translateZ(0)"></div>
<div id="target" style="position: absolute; top: 20px; left: 20px; height: 100px; width: 100px; background:lightblue"></div>
</div>
<script src="resources/paint-invalidation-test.js"></script>
<script>
// Test that squashing works properly when inside of a transform-style: preserve-3d element. In the bug that this layout test
// was added to fix, the coordinates of the squashing layer paint invalidation rects were not recorded correctly, because some of
// the code computed transformed ancestors incorrectly (it should *not* include the preserve-3d element).
function paintInvalidationTest() {
var target = document.getElementById('target');
target.style.background = 'red';
}
runPaintInvalidationTest();
</script>