<!DOCTYPE html> <title>CSS Grid Layout Test: Grid container's height with scrollbars</title> <link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"> <link rel="help" href="https://drafts.csswg.org/css-grid/#overflow"/> <link rel="issue" href="https://bugs.chromium.org/p/chromium/issues/detail?id=583743"/> <link rel="match" href="../reference/grid-container-scrollbars-sizing-001-ref.html"> <meta name="assert" content="This test ensures that the grid container considers the scrollbar when computing the logical height."/> <style> html { overflow-x: scroll; } .grid { display: grid; float: left; overflow-y: scroll; overflow-x: scroll; } .item { background: lime; width: 100px; height: 100px; } </style> <p>This test passes if you see a 100x100px green box and scrollbars are disabled.</p> <div class="grid"> <div class="item">item</div> </div>