OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
chrishtr
2015/08/12 19:29:55
I tried for a couple of hours, but was unable to c
Stephen Chennney
2015/08/13 16:31:18
Acknowledged.
| |
2 <script> | |
3 // Two frames are required in order to set up the squashing, for some reason. | |
4 onload = requestAnimationFrame(function() { | |
5 debugger; | |
6 requestAnimationFrame(function() { | |
7 document.getElementById('badlayer').style.zIndex = "1" | |
8 if (window.testRunner) | |
9 window.testRunner.notifyDone(); | |
10 }); | |
11 }); | |
12 | |
13 if (window.testRunner) | |
14 window.testRunner.waitUntilDone(); | |
15 | |
16 </script> | |
17 <!-- Tests an obscure invalidaiton situation in which changing the z-index of a element results in a reshuffle of squashed content, | |
18 yet avoiding many of the invalidation paths to update the contents correctl y. --> | |
19 <div style="float:right;position:relative;z-index:3"> | |
20 This test is broken if this text shows up twice | |
21 </div> | |
22 <div style="width: 0"> | |
23 <div style="height:220px;position:relative" id="badlayer"> | |
24 <div style="transform: translate3d(325px, 0px, 0px);"> | |
25 </div> | |
26 </div> | |
27 <div style="height:220px;position:relative"> | |
28 <div style="position: absolute; top: 0px; left: 0px; width:10px;height:10px; transform: translate3d(1px, 1px, 1px); background: lightgray"></div> | |
29 <div style="position: absolute; top: 0px; left: 0px; background: lightblue; width:10px;height:10px;" ></div> | |
30 </div> | |
31 a | |
32 </div> | |
33 <br> | |
34 <div style="position:relative; height: 500px;"> | |
35 </div> | |
OLD | NEW |