Have fixedPositionCreatesStackingContext be on by default everywhere
[WebKit-https.git] / LayoutTests / compositing / layer-creation / fixed-position-out-of-view-scaled.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5   .fixed {
6     position: fixed;
7     width: 10px;
8     height: 10px;
9     background-color: silver;
10   }
11 </style>
12 <script>
13   if (window.testRunner) {
14     testRunner.dumpAsText();
15     testRunner.waitUntilDone();
16   }
17   if (window.internals) {
18     window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);
19
20     addEventListener("load", function() {
21       document.getElementById("layerTree").innerText = internals.layerTreeAsText(document);
22
23       window.internals.setPageScaleFactor(0.5, 0, 0);
24       setTimeout(function() {
25         document.getElementById("layerTreeScaledDown").innerText = internals.layerTreeAsText(document);
26
27         window.internals.setPageScaleFactor(1.5, 0, 0);
28         setTimeout(function() {
29           document.getElementById("layerTreeScaledUp").innerText = internals.layerTreeAsText(document);
30           testRunner.notifyDone();
31         }, 0);
32       }, 0);
33     }, false);
34   }
35 </script>
36 </head>
37 <body>
38 <div style="height: 1000px">
39   Not scaled:
40   <pre id="layerTree"></pre>
41   Scale=0.5:
42   <pre id="layerTreeScaledDown"></pre>
43   Scale=1.5:
44   <pre id="layerTreeScaledUp"></pre>
45 </div>
46 <!-- The layer tree should always be the same, regardless of page scale, except on platforms that enable the applyPageScaleFactorInCompositor Setting. -->
47 <!-- No layer in any case. -->
48 <div class="fixed" style="top: -100px"></div>
49 <!-- When applyPageScaleFactorInCompositor is true, this will have a composited layer when scaled down; no layer when not scaled or scaled up. -->
50 <div class="fixed"></div>
51 <div class="fixed" style="top: 0px; left: 1000px"></div>
52 <!-- When applyPageScaleFactorInCompositor is true, this will have composited layer when not scaled and scaled down; no layer scaled up. -->
53 <div class="fixed" style="top: 0px; left: 600px"></div>
54 <!-- Always has composited layer. -->
55 <div class="fixed" style="top: 0px; left: 0px"></div>
56 </body>
57 </html>