overflow-auto-scrollbar-gutter-intrinsic-003-ref.html (1263B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Overflow Test: scrollbar-gutter size doesn't contribute to the scroll container's intrinsic size with "overflow:auto" and "scrollbar-width: none"</title> 5 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property"> 7 <link rel="help" href="https://drafts.csswg.org/css-scrollbars/#scrollbar-width"> 8 9 <style> 10 .line { 11 display: flex; 12 } 13 .container { 14 block-size: 50px; 15 border: 5px solid black; 16 margin: 10px; 17 } 18 </style> 19 20 <div class="line"> 21 <div class="container"> 22 <div>I should not wrap</div> 23 </div> 24 25 <div class="container"> 26 <div>I should not wrap</div> 27 </div> 28 </div> 29 30 <div class="line"> 31 <div class="container" style="writing-mode: vertical-rl"> 32 <div>I should not wrap</div> 33 </div> 34 35 <div class="container" style="writing-mode: vertical-rl"> 36 <div>I should not wrap</div> 37 </div> 38 39 <div class="container" style="writing-mode: vertical-lr"> 40 <div>I should not wrap</div> 41 </div> 42 43 <div class="container" style="writing-mode: vertical-lr"> 44 <div>I should not wrap</div> 45 </div> 46 </div> 47 </html>