[csswg-drafts] [css-grid] Applying 'align-content' content distribution to row estimation in step 1 in Grid Sizing algo

MatsPalmgren has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-grid] Applying 'align-content' content distribution to row estimation in step 1 in Grid Sizing algo ==
Follow-up from #2557.

The [row size estimation for step 1](https://drafts.csswg.org/css-grid/#algo-overview) mentions "if any row with a definite max track sizing function had that size and all other rows were infinite". I tend to think this implies that if _all_ rows have a definite max track sizing function, and the container has a definite block-size, that `align-content` should be applied. @javifernandez' example in #2557:
```html
<div style="display: inline-grid; grid-template-rows: 50px 50px; height: 200px;  font: 20px/1 Ahem; justify-content: start; align-content: space-between;">
   <div style="grid-row: span 2; background: cyan; writing-mode: vertical-lr">XXX XX X XX X XXX</div>
</div>
```

should render exactly the same as if we add `grid-row-gap:100px`:
```html
<div style="display: inline-grid; grid-template-rows: 50px 50px; grid-row-gap:100px; height: 200px;  font: 20px/1 Ahem; justify-content: start; align-content: space-between;">
   <div style="grid-row: span 2; background: cyan; writing-mode: vertical-lr">XXX XX X XX X XXX</div>
</div>
```

So I propose we add `align-content` content distribution for this specific case (all rows have definite max size) to the row estimation heuristics for step 1.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2697 using your GitHub account

Received on Wednesday, 23 May 2018 14:43:57 UTC