Chromium Code Reviews Chromium Code Reviews
Issue 1291703005:
Issue invalidations when squashed layers move later or off of a grouped mapping. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/compositing/squashing/invalidate-on-grouped-mapping-reorder.html |
| diff --git a/LayoutTests/compositing/squashing/invalidate-on-grouped-mapping-reorder.html b/LayoutTests/compositing/squashing/invalidate-on-grouped-mapping-reorder.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..69b6c13988fbb56e4ccf2e91de906739cd843fdc |
| --- /dev/null |
| +++ b/LayoutTests/compositing/squashing/invalidate-on-grouped-mapping-reorder.html |
| @@ -0,0 +1,35 @@ |
| +<!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.
|
| +<script> |
| +// Two frames are required in order to set up the squashing, for some reason. |
| +onload = requestAnimationFrame(function() { |
| + debugger; |
| + requestAnimationFrame(function() { |
| + document.getElementById('badlayer').style.zIndex = "1" |
| + if (window.testRunner) |
| + window.testRunner.notifyDone(); |
| + }); |
| +}); |
| + |
| +if (window.testRunner) |
| + window.testRunner.waitUntilDone(); |
| + |
| +</script> |
| +<!-- Tests an obscure invalidaiton situation in which changing the z-index of a element results in a reshuffle of squashed content, |
| + yet avoiding many of the invalidation paths to update the contents correctly. --> |
| +<div style="float:right;position:relative;z-index:3"> |
| + This test is broken if this text shows up twice |
| +</div> |
| +<div style="width: 0"> |
| + <div style="height:220px;position:relative" id="badlayer"> |
| + <div style="transform: translate3d(325px, 0px, 0px);"> |
| + </div> |
| + </div> |
| + <div style="height:220px;position:relative"> |
| + <div style="position: absolute; top: 0px; left: 0px; width:10px;height:10px; transform: translate3d(1px, 1px, 1px); background: lightgray"></div> |
| + <div style="position: absolute; top: 0px; left: 0px; background: lightblue; width:10px;height:10px;" ></div> |
| + </div> |
| + a |
| +</div> |
| +<br> |
| +<div style="position:relative; height: 500px;"> |
| +</div> |
