OLD | NEW |
| (Empty) |
1 <!-- Based on compositing/squashing/squashing-inside-preserve-3d-element.html --
> | |
2 <!doctype html> | |
3 <div style="-webkit-transform-style: preserve-3d"> | |
4 <div style="width: 100px; height: 100px; background:lightgray; transform:trans
lateZ(0)"></div> | |
5 <div id="target" style="position: absolute; top: 20px; left: 20px; height: 100
px; width: 100px; background:lightblue"></div> | |
6 </div> | |
7 <script src="resources/paint-invalidation-test.js"></script> | |
8 <script> | |
9 // Test that squashing works properly when inside of a transform-style: preserve
-3d element. In the bug that this layout test | |
10 // was added to fix, the coordinates of the squashing layer paint invalidation r
ects were not recorded correctly, because some of | |
11 // the code computed transformed ancestors incorrectly (it should *not* include
the preserve-3d element). | |
12 | |
13 function paintInvalidationTest() { | |
14 var target = document.getElementById('target'); | |
15 target.style.background = 'red'; | |
16 } | |
17 | |
18 runPaintInvalidationTest(); | |
19 </script> | |
OLD | NEW |