Canvas and DOM go out of sync
[WebKit-https.git] / LayoutTests / fast / canvas / canvas-overflow-hidden-animation-expected.html
1 <!doctype html>
2 <html>
3   <head>
4   <style>
5 #canvas {
6   width: 300px;
7   height: 300px;
8   position: absolute;
9   left: 0px;
10   top: 0px;
11 }
12
13 #overlay {
14   width: 300px;
15   height: 300px;
16   position: absolute;
17   left: 0px;
18   top: 0px;
19   overflow: hidden;
20 }
21
22 #follower {
23   position: absolute;
24   left: 0px;
25   top: 0px;
26   width: 50px;
27   height: 50px;
28   background-color: #00FF00;
29 }
30   </style>
31   </head>
32   <body>
33   <canvas id="canvas"></canvas>
34   <div id="overlay"><div id="follower"></div></div>
35     <script>
36 if (window.testRunner) {
37   testRunner.waitUntilDone();
38 }
39
40 var canvas = document.getElementById("canvas");
41 canvas.width = 300;
42 canvas.height = 300;
43
44 var ctx = canvas.getContext("2d");
45 ctx.fillStyle = "#FF0000";
46
47 var follower = document.getElementById("follower");
48
49 drawLoop = function() {
50   // draw the object
51   ctx.clearRect(0, 0, 300, 300);
52   ctx.fillRect(0, 0, 50, 50);
53
54   if (window.testRunner) {
55     testRunner.notifyDone();
56   }
57 };
58
59 window.setTimeout(drawLoop, 0);
60     </script>
61   </body>
62 </html>
63