Have fixedPositionCreatesStackingContext be on by default everywhere
[WebKit-https.git] / LayoutTests / compositing / layer-creation / fixed-position-transformed-into-view.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5     .fixed {
6         position: fixed;
7         background-color: silver;
8     }
9     
10     .sideways {
11         top: 0;
12         right: 100%;
13         width: 200px;
14         height: 50px;
15         -webkit-transform-origin: top right;
16         -webkit-transform: rotate(-90deg);
17     }
18     
19     .angled {
20         top: 210px;
21         left: -250px;
22         width: 200px;
23         height: 200px;
24         -webkit-transform-origin: top right;
25         -webkit-transform: rotate(-45deg);
26     }
27 </style>
28 <script>
29 if (window.testRunner) {
30     testRunner.dumpAsText();
31 }
32 if (window.internals) {
33     window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);
34
35     window.addEventListener("load", function() {
36         document.getElementById("layerTree").innerText = internals.layerTreeAsText(document);
37     }, false);
38 }
39 </script>
40 </head>
41 <body>
42     <div class="fixed sideways">This should be visible</div>
43     <div class="fixed angled">This should be visible</div>
44
45 <div style="height: 1000px">
46   <pre id="layerTree"></pre>
47 </div>
48 </body>
49 </html>