27a2c013c68f4e0091a89a0f6f7dea7bc2f1eec7
[WebKit-https.git] / LayoutTests / compositing / shared-backing / overflow-scroll / relative-in-div-in-overflow-scroll.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ internal:AsyncOverflowScrollingEnabled=true ] -->
2 <html>
3 <head>
4     <style>
5         .scroller {
6             margin: 20px;
7             width: 300px;
8             height: 300px;
9             overflow: auto;
10             border: 2px solid black;
11             padding: 10px;
12         }
13
14         .relative {
15             position: relative;
16             top: 50px;
17             left: 200px;
18             height: 200px;
19             width: 200px;
20             border: 2px solid orange;
21         }
22
23         .spacer {
24             height: 150px;
25         }
26     </style>
27     <script>
28         if (window.testRunner)
29             testRunner.dumpAsText();
30
31         window.addEventListener('load', () => {
32             if (window.internals)
33                 document.getElementById('layers').textContent = internals.layerTreeAsText(document);
34         }, false);
35     </script>
36 </head>
37 <body>
38     <div class="scroller">
39         <div> <!-- here to test that extra container don't break sharing -->
40             <div class="relative inside">relative</div>
41         </div>
42         <div class="spacer"></div>
43     </div>
44 <pre id="layers"></pre>
45 </body>
46 </html>
47