OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .set { | 5 .set { |
6 position: absolute; | 6 position: absolute; |
7 top: 8px; | 7 top: 8px; |
8 } | 8 } |
9 .box { | 9 .box { |
10 height: 100px; | 10 height: 100px; |
(...skipping 15 matching lines...) Expand all Loading... |
26 <body> | 26 <body> |
27 <!-- This test checks that transforming the owner of a squashed layer only t
ransforms that layer, and not the squashed layers. --> | 27 <!-- This test checks that transforming the owner of a squashed layer only t
ransforms that layer, and not the squashed layers. --> |
28 | 28 |
29 <!-- This div will be the "owner" of the squashing layer --> | 29 <!-- This div will be the "owner" of the squashing layer --> |
30 <div id="target" class="box"></div> | 30 <div id="target" class="box"></div> |
31 <!-- These divs will be squashed into a layer containing them and the owner
--> | 31 <!-- These divs will be squashed into a layer containing them and the owner
--> |
32 <div class="squashed" style="top: 4px"></div> | 32 <div class="squashed" style="top: 4px"></div> |
33 <div class="squashed" style="top: 54px"></div> | 33 <div class="squashed" style="top: 54px"></div> |
34 </body> | 34 </body> |
35 <script> | 35 <script> |
36 if (window.testRunner) { | |
37 internals.settings.setLayerSquashingEnabled(true); | |
38 } | |
39 document.getElementById("target").classList.add("rotated"); | 36 document.getElementById("target").classList.add("rotated"); |
40 | 37 |
41 </script> | 38 </script> |
42 </html> | 39 </html> |
OLD | NEW |