4 <title>Partial layout compositing update
</title>
6 <style type=
"text/css" media=
"screen">
11 border:
1px solid black;
22 background-color: #bbb;
23 -webkit-transition: left
0.1s linear;
32 background-color: green;
33 transform: translateZ(
0);
40 background-color: red;
43 <script type=
"text/javascript" charset=
"utf-8">
44 if (window.testRunner)
45 testRunner.waitUntilDone();
47 function startProgram()
49 var panel = document.getElementById(
"panel");
50 panel.addEventListener('webkitTransitionEnd', function() {
51 if (window.testRunner)
52 window.setTimeout(function() { testRunner.notifyDone(); },
0);
54 panel.style.left =
"0";
57 window.addEventListener('load', startProgram, false)
62 <p>The green box should always obscure the red box below.
</p>
63 <div class=
"container">
64 <div id=
"panel" class=
"panel">
65 <div class=
"indicator box"></div>
66 <div class=
"content box"></div>