| <link href="resources/grid.css" rel="stylesheet"> |
| grid-template-columns: 50px; |
| grid-template-rows: 50px; |
| div.grid > div { font: 50px/1 Ahem; } |
| .overflowVisible { overflow: visible; } |
| .overflowHidden { overflow: hidden; } |
| .overflowScroll { overflow: scroll; } |
| .overflowAuto { overflow: auto; } |
| <p>This test checks that min-width|height auto behavior for grid items only applies if overflow is visible.</p> |
| <p>The test passes if you see three 50x50 squares and one 100x100 square.</p> |
| <div class="overflowHidden">XX<br>XX</div> |
| <div class="overflowScroll">XX<br>XX</div> |
| <div class="overflowAuto">XX<br>XX</div> |
| <div class="overflowVisible">XX<br>XX</div> |
