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 |