grid-container-scrollbars-sizing-001.html (906B)
1 <!DOCTYPE html> 2 <title>CSS Grid Layout Test: Grid container's height with scrollbars</title> 3 <link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-grid/#overflow"/> 5 <link rel="issue" href="https://bugs.chromium.org/p/chromium/issues/detail?id=583743"/> 6 <link rel="match" href="../reference/grid-container-scrollbars-sizing-001-ref.html"> 7 <meta name="assert" content="This test ensures that the grid container considers the scrollbar when computing the logical height."/> 8 <style> 9 html { 10 overflow-x: scroll; 11 } 12 .grid { 13 display: grid; 14 float: left; 15 overflow-y: scroll; 16 overflow-x: scroll; 17 } 18 .item { 19 background: lime; 20 width: 100px; 21 height: 100px; 22 } 23 </style> 24 <p>This test passes if you see a 100x100px green box and scrollbars are disabled.</p> 25 <div class="grid"> 26 <div class="item">item</div> 27 </div>