f235fc57becb9f23bf846f3d4d2d7bb213001864
[WebKit-https.git] / LayoutTests / compositing / overflow / clipping-ancestor-with-accelerated-scrolling-ancestor.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta name=viewport content="width=device-width">
5   <style>
6     .scrollable {
7       overflow: scroll;
8       -webkit-overflow-scrolling: touch;
9       width: 300px;
10       height: 300px;
11     }
12     .container {
13       overflow: hidden;
14     }
15     .indicator {
16       position: relative;
17       top: 100px;
18       background-color: red;
19     }
20     .box {
21       width: 100px;
22       height: 100px;
23     }
24   </style>
25   <script>
26     if (window.internals)
27       window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true);
28   </script>
29 </head>
30
31 <body>
32   <!-- Expect no red (a blank page) -->
33   <div class="scrollable">
34     <div class="container box">
35       <div class="indicator box"></div>
36     </div>
37   </div>
38 </body>
39
40 </html>