OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <style> | 2 <style> |
3 .composited { | 3 .composited { |
4 position: absolute; | 4 position: absolute; |
5 -webkit-transform: translateZ(0); | 5 transform: translateZ(0); |
6 width: 150px; | 6 width: 150px; |
7 height: 150px; | 7 height: 150px; |
8 background: #D9CCA7; | 8 background: #D9CCA7; |
9 } | 9 } |
10 body { | 10 body { |
11 background: #402B3C; | 11 background: #402B3C; |
12 } | 12 } |
13 #layer-A { | 13 #layer-A { |
14 overflow: hidden; | 14 overflow: hidden; |
15 width: 50px; | 15 width: 50px; |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
49 window.internals.settings.setLayerSquashingEnabled(true); | 49 window.internals.settings.setLayerSquashingEnabled(true); |
50 window.internals.settings.setPreferCompositingToLCDTextEnabled(true); | 50 window.internals.settings.setPreferCompositingToLCDTextEnabled(true); |
51 } else { | 51 } else { |
52 alert('This test requires testRunner'); | 52 alert('This test requires testRunner'); |
53 } | 53 } |
54 | 54 |
55 window.internals.forceCompositingUpdate(document); | 55 window.internals.forceCompositingUpdate(document); |
56 document.getElementById("layer-A").style.position = "absolute"; | 56 document.getElementById("layer-A").style.position = "absolute"; |
57 document.querySelector('pre').textContent = window.internals.layerTreeAsText(doc
ument); | 57 document.querySelector('pre').textContent = window.internals.layerTreeAsText(doc
ument); |
58 </script> | 58 </script> |
OLD | NEW |