Unreviewed, rolling out r244228.
[WebKit-https.git] / LayoutTests / fast / scrolling / ios / overflow-scrolling-ancestor-clip-size.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   <script>
6     if (window.testRunner)
7       testRunner.dumpAsText();
8
9     function doScroll()
10     {
11       var overflow = document.getElementById('scroller');
12       overflow.scrollTop = 30;
13
14       if (window.testRunner)
15         document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document);
16     }
17     
18     window.addEventListener('load', doScroll, false);
19   </script>
20   <style>
21     #scroller {
22       overflow: scroll;
23       -webkit-overflow-scrolling: touch;
24       width: 300px;
25       height: 400px;
26       border: 11px solid black;
27     }
28     
29     .column {
30       overflow: hidden;
31       margin: 50px 20px;
32       width: 260px;
33       height: 800px;
34       background-color: red;
35     }
36     .contents {
37       -webkit-transform: translateZ(0);
38       width: 100%;
39       height: 100%;
40       background: green;
41     }
42   </style>
43 </head>
44 <body>
45
46   <div id="scroller">
47     <div class="column">
48       <div class="contents"></div>
49     </div>
50   </div>
51   <pre id="layers">Layer tree goes here in DRT.</pre>
52
53 </body>
54 </html>