| 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 |