Unreviewed, rolling out r245058.
[WebKit-https.git] / LayoutTests / scrollingcoordinator / scrolling-tree / nested-absolute-in-sc-overflow.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->
2 <html>
3 <head>
4     <title>Nested absolutes in stacking-context overflow: need two 'stationary' 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             opacity: 0.9;
16         }
17
18         .absolute {
19             position:absolute;
20             left: 50px;
21             top: 50px;
22             width: 100px;
23             height: 100px;
24             background: gray;
25             border: 2px solid green;
26         }
27     
28         .inner {
29             left: 25px;
30             top: 25px;
31             width: 200px;
32         }
33
34         .scrollcontent {
35             height: 500px;
36             background-image: repeating-linear-gradient(white, silver 200px);
37         }
38     </style>
39     <script>
40         if (window.testRunner)
41             testRunner.dumpAsText();
42
43         window.addEventListener('load', () => {
44             if (window.internals)
45                 document.getElementById('tree').innerText = internals.scrollingStateTreeAsText();
46         }, false);
47     </script>
48 </head>
49 <body>
50     <div class="scroller">
51         <div class="absolute">abs
52             <div class="inner absolute">abs</div>
53         </div>
54         <div class="scrollcontent"></div>
55     </div>
56 <pre id="tree"></pre>
57 </body>
58 </html>