scrollable-overflow-with-nested-elements-001.html (1448B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: Scrollable Overflow Transform Rotate Nested Element</title> 4 <link rel="author" title="Shubham Gupta" href="mailto:shubham13297@gmail.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#scrollable" /> 6 <meta name="assert" content="Checks the scrollable overflow with overflow property and some nested element"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/resources/check-layout-th.js"></script> 10 <style> 11 .container-2 { 12 width: 100px; 13 height: 100px; 14 overflow: auto; 15 background: silver; 16 border: solid thick; 17 scrollbar-width: none; 18 } 19 20 .element { 21 width: 1000px; 22 height: 5000px; 23 background: lime; 24 } 25 </style> 26 27 <body onload="checkLayout('.container')"> 28 <div class="container" data-expected-scroll-height="110" data-expected-height="110" 29 data-expected-client-height="110"> 30 <div class="container-2" data-expected-scroll-height="5000" data-expected-scroll-width="1000" 31 data-expected-client-width="100" data-expected-client-height="100" 32 data-expected-bounding-client-rect-width="110" data-expected-bounding-client-rect-height="110" 33 data-expected-height="110" data-expected-width="110"> 34 <div class="element">hello</div> 35 </div> 36 </div> 37 </body>