Chromium Code Reviews Chromium Code Reviews
Issue 215063006:
Separate the geometry update from rebuilding the GraphicsLayer tree (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/compositing/reorder-z-with-style.html |
| diff --git a/LayoutTests/compositing/reorder-z-with-style.html b/LayoutTests/compositing/reorder-z-with-style.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..0adeb03e8faaa3b0d8beb5e0ec28295f6d357196 |
| --- /dev/null |
| +++ b/LayoutTests/compositing/reorder-z-with-style.html |
| @@ -0,0 +1,50 @@ |
| +<!DOCTYPE html> |
| +<style> |
| + body { |
| + -webkit-transform: translateZ(0); |
| + } |
| + #container { |
| + height: 300px; |
| + width: 300px; |
| + background-color: green; |
| + -webkit-transform: translateZ(0); |
| + } |
| + |
| + #parent { |
| + position: absolute; |
| + left: 400px; |
| + width: 300px; |
| + height: 300px; |
| + background-color: green; |
| + -webkit-transform-style: preserve-3d; |
| + } |
| + |
| + #child { |
| + position: absolute; |
| + width: 200px; |
| + height: 200px; |
| + z-index: -2; |
| + background-color: red; |
| + -webkit-transform: translateZ(0); |
| + } |
| +</style> |
| +<body> |
| +<div id="container"> |
| + <div id="parent"> |
| + <div id="child"></div> |
| + </div> |
| +</div> |
| +<script> |
| +if (window.testRunner) |
| + testRunner.waitUntilDone(); |
|
ojan
2014/03/28 02:26:16
Nit: inconsistent indentation!
|
| + |
| +requestAnimationFrame(function() { |
| + requestAnimationFrame(function() { |
| + document.getElementById('parent').style.WebkitTransformStyle = 'flat'; |
|
esprehn
2014/03/28 02:24:09
The property is actually lowercase webkitTransform
|
| + setTimeout(function() { |
| + testRunner.notifyDone(); |
| + }); |
| + }); |
| +}); |
| +</script> |
| +</body> |
