[iOS WK2] Wrong scrolling behavior for nested absolute position elements inside overf...
[WebKit-https.git] / LayoutTests / scrollingcoordinator / scrolling-tree / nested-absolute-in-overflow.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->
2 <html>
3 <head>
4     <title>Nested absolutes don't with the overflow and are not stacking descendants: there should be no positioning nodes</title>
5     <style>
6         .scrollcontent {
7             height: 500px;
8         }
9         .scroller {
10             margin: 20px;
11             overflow: scroll;
12             height: 300px;
13             width: 300px;
14             border: 2px solid black;
15         }
16     
17         .absolute {
18             position:absolute;
19             left: 50px;
20             top: 50px;
21             width: 100px;
22             height: 100px;
23             background: gray;
24             border: 2px solid green;
25         }
26     
27         .inner {
28             left:25px;
29             top:25px;
30             width: 300px;
31         }
32
33         .scrollcontent {
34             height: 500px;
35             background-image: repeating-linear-gradient(white, silver 200px);
36         }
37     </style>
38     <script>
39         if (window.testRunner)
40             testRunner.dumpAsText();
41
42         window.addEventListener('load', () => {
43             if (window.internals)
44                 document.getElementById('tree').innerText = internals.scrollingStateTreeAsText();
45         }, false);
46     </script>
47 </head>
48 <body>
49     <div class="scroller">
50         <div class="absolute">abs
51             <div class="inner absolute">abs</div>
52         </div>
53         <div class="scrollcontent"></div>
54     </div>
55 <pre id="tree"></pre>
56 </body>
57 </html>