| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 .container { | 3 .container { |
| 4 position: absolute; | 4 position: absolute; |
| 5 z-index: 1; | 5 z-index: 1; |
| 6 width: 300px; | 6 width: 300px; |
| 7 height: 300px; | 7 height: 300px; |
| 8 } | 8 } |
| 9 .middle { | 9 .middle { |
| 10 /* Must be a stacking context */ | 10 /* Must be a stacking context */ |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 42 <div class="container"> | 42 <div class="container"> |
| 43 <div class="middle"> | 43 <div class="middle"> |
| 44 <div class="inner"></div> | 44 <div class="inner"></div> |
| 45 </div> | 45 </div> |
| 46 </div> | 46 </div> |
| 47 <div class="sibling"></div> | 47 <div class="sibling"></div> |
| 48 <script> | 48 <script> |
| 49 if (window.testRunner) { | 49 if (window.testRunner) { |
| 50 testRunner.dumpAsText(); | 50 testRunner.dumpAsText(); |
| 51 testRunner.waitUntilDone(); | 51 testRunner.waitUntilDone(); |
| 52 window.internals.settings.setLayerSquashingEnabled(true); | |
| 53 } | 52 } |
| 54 getComputedStyle(document.body).color; | 53 getComputedStyle(document.body).color; |
| 55 document.body.classList.add("loaded") | 54 document.body.classList.add("loaded") |
| 56 document.querySelector(".sibling").addEventListener("transitionend", function()
{ | 55 document.querySelector(".sibling").addEventListener("transitionend", function()
{ |
| 57 if (window.testRunner) | 56 if (window.testRunner) |
| 58 testRunner.notifyDone(); | 57 testRunner.notifyDone(); |
| 59 }); | 58 }); |
| 60 </script> | 59 </script> |
| 61 This test passes if it doesn't crash. | 60 This test passes if it doesn't crash. |
| OLD | NEW |