| <link href="resources/grid.css" rel="stylesheet"> |
| grid-template-columns: 50px; |
| grid-template-rows: auto; |
| /* Make us fit our grid area. */ |
| <script src="../../resources/check-layout.js"></script> |
| <body onload="checkLayout('.gridAutoContent');"> |
| <p>Test that resolving auto tracks on grid items works properly.</p> |
| <div class="constrainedContainer"> |
| <div class="grid gridAutoContent"> |
| <div class="firstRowFirstColumn" data-expected-width="50" data-expected-height="30">XXXXX XXXXX XXXXX</div> |
| <!-- Allow the extra logical space distribution to occur. --> |
| <div style="width: 40px; height: 10px"> |
| <div class="grid gridAutoContent"> |
| <div class="firstRowFirstColumn" data-expected-width="50" data-expected-height="30">XXXXX XXXXX XXXXX</div> |
| <div style="width: 40px; height: 10px;"> |
| <div class="grid gridAutoContent"> |
| <div class="firstRowFirstColumn" data-expected-width="50" data-expected-height="60">XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</div> |