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 |