2 <div style=
"-webkit-transform-style: preserve-3d">
3 <div style=
"width: 100px; height: 100px; background:lightgray; transform:translateZ(0)"></div>
4 <div id=
"target" style=
"position: absolute; top: 20px; left: 20px; height: 100px; width: 100px; background:lightblue"></div>
6 <script src=
"../../fast/repaint/resources/text-based-repaint.js"></script>
8 // Test that squashing works properly when inside of a transform-style: preserve-3d element. In the bug that this layout test
9 // was added to fix, the coordinates of the squashing layer paint invalidation rects were not recorded correctly, because some of
10 // the code computed transformed ancestors incorrectly (it should *not* include the preserve-3d element).
12 function repaintTest() {
13 var target
= document
.getElementById('target');
14 target
.style
.background
= 'red';