2009-06-27 Simon Fraser <simon.fraser@apple.com>
[WebKit-https.git] / LayoutTests / compositing / self-painting-layers.html
1 <!DOCTYPE html>
2 <html>
3   <head>
4     <title>Self painting layers</title>
5
6     <style type="text/css" media="screen">
7
8     #container {
9       width: 300px;
10       margin: 10px;
11       border: 1px solid black;
12     }
13     
14     #details {
15      width: 300px;
16      height: 150px;
17      margin: 10px;
18      overflow: auto;
19      border: 1px solid black;
20     }
21
22     #details > div {
23       width: 100%;
24       height: 500px;
25       font-size: 24pt;
26       line-height: 150%;
27     }
28     
29     </style>
30     <script type="text/javascript" charset="utf-8">
31       if (window.layoutTestController)
32         layoutTestController.waitUntilDone();
33
34       function testOnLoad()
35       {
36         window.setTimeout(function() {
37           document.getElementById('details').scrollTop = 24;
38           if (window.layoutTestController)
39             layoutTestController.notifyDone();
40         }, 0);
41       }
42       
43       window.addEventListener('load', function() {
44         document.getElementById('video').src = "resources/video.mp4";
45       }, false);
46     </script>
47   </head>
48   <body>
49       <p>You should not see double text when the div scrolls</p>
50         <div id="container">
51           <video id="video" width="300" height="200" onload="testOnLoad()"></video>
52         </div>
53
54         <div id="details">
55             <div>
56               Scrolled<br>text<br>here.
57             </div>
58         </div>
59
60   </body>
61 </html>