| <!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> |