Re: [csswg-drafts] [css-grid] Percentages and intrinsic size

About [the edits in the spec](https://github.com/w3c/csswg-drafts/commit/15cf0c6d56efdbb44383134ebe19dff672b01546):
> then the <percentage> must be treated as auto, for the purpose of calculating the intrinsic sizes of the grid container and then resolve against that resulting grid container size for the purpose of laying out the grid and its items.

All browsers do that for columns, but none of them do that for rows we'd need to change the behavior there. Are we sure we really want to do it?
For columns percentage will behave like in regular blocks for width, but for rows they will work different than regular blocks for heights.
A very simple example:
```html
<div style="display: inline-grid; border: thick solid;
            grid: 200% / 200%;">
  <div style="background: magenta">foobar</div>
</div>
```

![Example of current percentage trakcs resolution vs new text in the spec](https://user-images.githubusercontent.com/11602/31113751-f01a6714-a81a-11e7-9897-e9458021bda0.png)

> Ok, edits checked in for track sizing, so we're down to only how to treat percentage gaps in indefinitely-sized containers.

Note that [in TPAC the resolution](https://logs.csswg.org/irc.w3.org/css/2016-09-20/#e724644) was that both percentage tracks and gaps should resolve percentages in the same way.
`RESOLVED: percentage gaps and percentage tracks use same resolution method`

So I guess the new discussion implies that they'll be now behaving differently.

-- 
GitHub Notification of comment by mrego
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/509#issuecomment-333759551 using your GitHub account

Received on Tuesday, 3 October 2017 07:12:37 UTC