| <!DOCTYPE html> |
| <style> |
| body { overflow: hidden; } /* Ensure there wont be scrollbar to avoid the extra layout. */ |
| .grid { |
| display: inline-grid; |
| border: solid thick; |
| grid: 100px / 100px; |
| align-items: start; |
| } |
| .item { |
| background: magenta; |
| writing-mode: vertical-lr; |
| margin-right: 25px; |
| } |
| </style> |
| <p>Check whether stretching logic is not affected by multiple layouts becuase of the grid item's override height.<br>The test passes if there is a margin-right of 25px.</p> |
| <div class="grid"> |
| <div class="item">item</div> |
| </div> |
