Have fixedPositionCreatesStackingContext be on by default everywhere
[WebKit-https.git] / LayoutTests / compositing / layer-creation / fixed-position-transformed-outside-view.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5     .fixed {
6         position: fixed;
7         background-color: red;
8     }
9     
10     .sideways {
11         top: 0;
12         right: 100%;
13         width: 200px;
14         height: 50px;
15         -webkit-transform-origin: bottom right;
16         -webkit-transform: rotate(-90deg);
17     }
18     
19     .angled {
20         top: 210px;
21         left: -350px;
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 not be visible</div>
43     <div class="fixed angled">This should not be visible</div>
44
45 <div style="height: 1000px">
46   <pre id="layerTree"></pre>
47 </div>
48 </body>
49 </html>