LayoutTests/compositing/reorder-z-with-style.html - Issue 215063006: Separate the geometry update from rebuilding the GraphicsLayer tree

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/compositing/reorder-z-with-style.html

Issue 215063006: Separate the geometry update from rebuilding the GraphicsLayer tree (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 6 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <style>

	3 body {

	4 -webkit-transform: translateZ(0);

	5 }

	6 #container {

	7 height: 300px;

	8 width: 300px;

	9 background-color: green;

	10 -webkit-transform: translateZ(0);

	11 }

	12

	13 #parent {

	14 position: absolute;

	15 left: 400px;

	16 width: 300px;

	17 height: 300px;

	18 background-color: green;

	19 -webkit-transform-style: preserve-3d;

	20 }

	21

	22 #child {

	23 position: absolute;

	24 width: 200px;

	25 height: 200px;

	26 z-index: -2;

	27 background-color: red;

	28 -webkit-transform: translateZ(0);

	29 }

	30 </style>

	31 <body>

	32 <div id="container">

	33 <div id="parent">

	34 <div id="child"></div>

	35 </div>

	36 </div>

	37 <script>

	38 if (window.testRunner)

	39 testRunner.waitUntilDone();
	ojan 2014/03/28 02:26:16 Nit: inconsistent indentation! Nit: inconsistent indentation!
	40

	41 requestAnimationFrame(function() {

	42 requestAnimationFrame(function() {

	43 document.getElementById('parent').style.WebkitTransformStyle = 'flat';
	esprehn 2014/03/28 02:24:09 The property is actually lowercase webkitTransform The property is actually lowercase webkitTransformStyle. You're relying on a quirk in how we process the properties.
	44 setTimeout(function() {

	45 testRunner.notifyDone();

	46 });

	47 });

	48 });

	49 </script>

	50 </body>

OLD	NEW