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