[iOS] position:fixed inside touch-scrollable overflow is mispositioned
[WebKit-https.git] / LayoutTests / compositing / scrolling / fixed-inside-scroll-expected.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5   <style>
6     html {
7       -webkit-overflow-scrolling: touch;
8     }
9     
10     .scroller {
11         height: 500px;
12         width: 300px;
13         margin: 50px;
14         border: 25px solid gray;
15         padding: 10px;
16         overflow: scroll;
17         box-shadow: 0 0 30px black;
18     }
19     
20     .contents {
21         width: 400px;
22         height: 2000px;
23     }
24
25     .fixed {
26         position: absolute;
27         background-color: green;
28         left: 70px;
29         top: 70px;
30         height: 200px;
31         width: 200px;
32     }
33     
34     .indicator {
35         position: absolute;
36         left: 70px;
37         top: 70px;
38         height: 200px;
39         width: 200px;
40         background-color: red;
41     }
42   </style>
43 </head>
44 <body>
45     <div class="indicator"></div>
46     <div id="scroller" class="scroller">
47         <div class="contents">
48             <div class="fixed box"></div>
49         </div>
50     </div>
51 </body>
52 </html>