| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 div { | 5 div { |
| 6 position: absolute; | 6 position: absolute; |
| 7 z-index: 1; | 7 z-index: 1; |
| 8 width: 100px; | 8 width: 100px; |
| 9 height: 100px; | 9 height: 100px; |
| 10 } | 10 } |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 52 display: none; | 52 display: none; |
| 53 } | 53 } |
| 54 | 54 |
| 55 </style> | 55 </style> |
| 56 <script> | 56 <script> |
| 57 if (window.testRunner) | 57 if (window.testRunner) |
| 58 testRunner.dumpAsText(); | 58 testRunner.dumpAsText(); |
| 59 | 59 |
| 60 var isInteractive = true; | 60 var isInteractive = true; |
| 61 | 61 |
| 62 if (window.internals) { | 62 if (window.internals) |
| 63 internals.settings.setLayerSquashingEnabled(true); | |
| 64 isInteractive = false; | 63 isInteractive = false; |
| 65 } | |
| 66 | 64 |
| 67 function resetLayers() | 65 function resetLayers() |
| 68 { | 66 { |
| 69 document.getElementById("A").style.display = "block"; | 67 document.getElementById("A").style.display = "block"; |
| 70 document.getElementById("B").style.display = "block"; | 68 document.getElementById("B").style.display = "block"; |
| 71 document.getElementById("C").style.display = "none"; | 69 document.getElementById("C").style.display = "none"; |
| 72 if (isInteractive) { | 70 if (isInteractive) { |
| 73 document.removeEventListener("click", resetLayers); | 71 document.removeEventListener("click", resetLayers); |
| 74 document.addEventListener("click", addOverlap3); | 72 document.addEventListener("click", addOverlap3); |
| 75 } | 73 } |
| (...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 184 CASE 5, overlap2 gets added back: | 182 CASE 5, overlap2 gets added back: |
| 185 <pre id="Case5"></pre> | 183 <pre id="Case5"></pre> |
| 186 | 184 |
| 187 CASE 6, overlap1 gets added back, and overlap3 gets removed: | 185 CASE 6, overlap1 gets added back, and overlap3 gets removed: |
| 188 <pre id="Case6"></pre> | 186 <pre id="Case6"></pre> |
| 189 </div> | 187 </div> |
| 190 | 188 |
| 191 </body> | 189 </body> |
| 192 | 190 |
| 193 </html> | 191 </html> |
| OLD | NEW |