scrollable-overflow-self-collapsing.html (1319B)
1 <!DOCTYPE html> 2 <meta name="assert" content="This ensures that an end self-collapsing block contributes to the scrollable overflow correctly."> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#scrollable" /> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/resources/check-layout-th.js"></script> 7 <body onload="checkLayout('.target')"> 8 <div class="target" style="width: 100px; height: 100px; overflow: scroll;" data-expected-scroll-height="110"> 9 <div style="width: 50px; height: 100px; margin-bottom: 10px; background: lime;"></div> 10 <div></div> <!-- self-collapsing --> 11 </div> 12 <div class="target" style="width: 100px; height: 100px; overflow: scroll;" data-expected-scroll-height="150"> 13 <div style="width: 50px; height: 100px; margin-bottom: 10px; background: lime;"></div> 14 <div style="margin-bottom: 50px;"></div> <!-- self-collapsing --> 15 </div> 16 <div class="target" style="width: 100px; height: 100px; overflow: scroll;" data-expected-scroll-height="180"> 17 <div style="width: 50px; height: 100px; margin-bottom: 30px; background: lime;"></div> 18 <div style="margin-bottom: 100px;"> <!-- self-collapsing --> 19 <div style="margin-top: -20px;"></div> 20 </div> 21 </div> 22 <div id=log></div> 23 </body>