| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 .composited { | 4 .composited { |
| 5 transform: translatez(0); | 5 transform: translatez(0); |
| 6 } | 6 } |
| 7 | 7 |
| 8 .box { | 8 .box { |
| 9 width: 100px; | 9 width: 100px; |
| 10 height: 100px; | 10 height: 100px; |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 45 div:hover { | 45 div:hover { |
| 46 background-color: green; | 46 background-color: green; |
| 47 transform:translatez(0); | 47 transform:translatez(0); |
| 48 } | 48 } |
| 49 | 49 |
| 50 </style> | 50 </style> |
| 51 <script> | 51 <script> |
| 52 if (window.testRunner) | 52 if (window.testRunner) |
| 53 testRunner.dumpAsText(); | 53 testRunner.dumpAsText(); |
| 54 | 54 |
| 55 if (window.internals) | |
| 56 internals.settings.setLayerSquashingEnabled(true); | |
| 57 | |
| 58 function runTest() | 55 function runTest() |
| 59 { | 56 { |
| 60 if (!window.internals) | 57 if (!window.internals) |
| 61 return; | 58 return; |
| 62 | 59 |
| 63 document.getElementById('Case1').textContent = window.internals.layerTre
eAsText(document); | 60 document.getElementById('Case1').textContent = window.internals.layerTre
eAsText(document); |
| 64 | 61 |
| 65 hoverOverMiddleDiv(); | 62 hoverOverMiddleDiv(); |
| 66 document.getElementById('Case2').textContent = window.internals.layerTre
eAsText(document); | 63 document.getElementById('Case2').textContent = window.internals.layerTre
eAsText(document); |
| 67 | 64 |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 124 Case 3: hovering over the "middle2" element (causes that div to become its o
wn composited layer) | 121 Case 3: hovering over the "middle2" element (causes that div to become its o
wn composited layer) |
| 125 <pre id="Case3"></pre> | 122 <pre id="Case3"></pre> |
| 126 Case 4: hovering over the "top" element (causes that div to become its own c
omposited layer) | 123 Case 4: hovering over the "top" element (causes that div to become its own c
omposited layer) |
| 127 <pre id="Case4"></pre> | 124 <pre id="Case4"></pre> |
| 128 Case 5: back to situation in case 1 | 125 Case 5: back to situation in case 1 |
| 129 <pre id="Case5"></pre> | 126 <pre id="Case5"></pre> |
| 130 </div> | 127 </div> |
| 131 | 128 |
| 132 </body> | 129 </body> |
| 133 </body> | 130 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 785333002:
Delete the Layer Squashing runtime feature. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk