OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <style> | 5 <style> |
6 .fixed { | 6 .fixed { |
7 position: fixed; | 7 position: fixed; |
8 width: 50px; | 8 width: 50px; |
9 height: 50px; | 9 height: 50px; |
10 background-color: silver; | 10 background-color: silver; |
11 } | 11 } |
12 | 12 |
13 .positionedAndTransformed { | 13 .positionedAndTransformed { |
14 left: 20px; | 14 left: 20px; |
15 top: -80px; | 15 top: -80px; |
16 -webkit-transform: translateY(100px); | 16 -webkit-transform: translateY(100px); |
17 } | 17 } |
18 </style> | 18 </style> |
19 | 19 |
20 <script type="text/javascript"> | 20 <script type="text/javascript"> |
21 function doTest() { | 21 function doTest() { |
22 if (!window.testRunner) | 22 if (!window.testRunner) |
23 return; | 23 return; |
| 24 |
24 testRunner.dumpAsText(); | 25 testRunner.dumpAsText(); |
| 26 |
25 document.getElementById("layertree1").innerText = window.internals.layerTr
eeAsText(document); | 27 document.getElementById("layertree1").innerText = window.internals.layerTr
eeAsText(document); |
26 window.scrollTo(0, 10); | 28 window.scrollTo(0, 10); |
27 testRunner.display(); | 29 |
28 document.getElementById("layertree2").innerText = window.internals.layerTr
eeAsText(document); | 30 document.getElementById("layertree2").innerText = window.internals.layerTr
eeAsText(document); |
29 } | 31 } |
30 | 32 |
31 if (window.internals) | 33 if (window.internals) |
32 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled
(true); | 34 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled
(true); |
33 | 35 |
34 if (window.testRunner) | |
35 testRunner.dumpAsText(); | |
36 | |
37 window.onload = doTest; | 36 window.onload = doTest; |
38 </script> | 37 </script> |
39 </head> | 38 </head> |
40 | 39 |
41 <body> | 40 <body> |
42 <!-- | 41 <!-- |
43 https://code.google.com/p/chromium/issues/detail?id=293926 | 42 https://code.google.com/p/chromium/issues/detail?id=293926 |
44 | 43 |
45 This test reproduces a bug where fixed-position layers flickered. Fixed | 44 This test reproduces a bug where fixed-position layers flickered. Fixed |
46 position elements opt-out of compositing when they are out of view. | 45 position elements opt-out of compositing when they are out of view. |
(...skipping 11 matching lines...) Expand all Loading... |
58 BEFORE: | 57 BEFORE: |
59 <pre id="layertree1"></pre> | 58 <pre id="layertree1"></pre> |
60 AFTER: | 59 AFTER: |
61 <pre id="layertree2"></pre> | 60 <pre id="layertree2"></pre> |
62 </div> | 61 </div> |
63 | 62 |
64 <div class="positionedAndTransformed fixed"></div> | 63 <div class="positionedAndTransformed fixed"></div> |
65 </body> | 64 </body> |
66 </html> | 65 </html> |
67 | 66 |
OLD | NEW |