REGRESSION (r242132): Nested position:sticky elements move incorrectly
[WebKit-https.git] / LayoutTests / scrollingcoordinator / mac / nested-sticky-expected.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <style>
5         body {
6             height: 2000px;
7         }
8       
9         .outer {
10             background: blue;
11             margin-top: 120px;
12             height: 200px;
13             padding: 10px;
14         }
15
16         .sticky {
17             position: sticky;
18             position: -webkit-sticky;
19             top: 0px;
20         }
21
22        .inner {
23             padding: 10px;
24             background: orange;
25             top: 10px;
26             height: 80px;
27         }
28     </style>
29     <script>
30         function startTest()
31         {
32             document.scrollingElement.scrollTop = 2000;
33         }
34         
35         window.addEventListener('load', startTest, false);
36     </script>
37 </head>
38 <body>
39   <div class="outer sticky">
40     <div class="inner sticky"></div>
41 </body>
42 </html>