373e19a5b56be62475400a3f7753ff6a1ea6442d
[WebKit-https.git] / LayoutTests / compositing / overflow / scrolling-content-clip-to-viewport.html
1 <!-- webkit-test-runner [ useThreadedScrolling=false internal:AsyncOverflowScrollingEnabled=true ] -->
2 <!DOCTYPE html>
3 <html>
4 <head>
5   <meta name="viewport" content="width=device-width">
6
7   <style>
8     body {
9       margin: 0;
10     }
11
12     .scroller {
13       width: 300px;
14       height: 320px;
15       overflow: scroll;
16       padding: 10px;
17     }
18
19     .column {
20       position: relative;
21       width: 280px;
22       height: 1200px;
23       background: silver;
24       border: 2px solid blue;
25       z-index: 0;
26     }
27   </style>
28   <script>
29     if (window.testRunner)
30       testRunner.dumpAsText();
31
32     window.addEventListener('load', function() {
33       if (window.testRunner)
34         document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document);
35     }, true);
36   </script>
37 </head>
38
39 <body>
40   <div class="scroller">
41     <div class="column">
42     </div>
43   </div>
44   <pre id="layers">Layer tree goes here in DRT</pre>
45 </body>
46 </html>