no-scrollable-overflow-vertical-rl-2.html (1485B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ --> 4 <html> 5 <meta charset="utf-8"> 6 <title>CSS Overflow Test: Scrollable overflow area of a multicol container in vertical-rl writing-mode</title> 7 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 8 <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> 9 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#scrollable"> 10 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 11 <meta name="assert" content="This test verifies the nested float element in a multicol container in vertical-rl writing-mode shouldn't contribute to its container'sscrollable overflow area."> 12 13 <style> 14 .scroll-container { 15 writing-mode: vertical-rl; 16 inline-size: 100px; 17 block-size: 100px; 18 overflow: auto; 19 } 20 .multicol { 21 block-size: 100px; 22 inline-size: 100px; 23 column-fill: auto; 24 column-count: 2; 25 column-gap: 0; 26 } 27 .float { 28 float: left; 29 inline-size: 50px; 30 block-size: 100px; 31 background: green; 32 } 33 </style> 34 35 <!--This test passes if the scroll-container has no scrollbar. --> 36 37 <p>Test passes if there is a filled green square.</p> 38 <div class="scroll-container"> 39 <div class="multicol"> 40 <div> 41 <div style="block-size: 100px; background: green;"></div> 42 <div class="float"></div> 43 </div> 44 </div> 45 </div> 46 </html>