- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Thu, 28 Apr 2022 14:25:18 +0000
- To: public-css-archive@w3.org
Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-grid] Clarify "Automatic repetitions cannot be combined with intrinsic or flexible sizes" ==
https://drafts.csswg.org/css-grid/#repeat-syntax
> Automatic repetitions ([auto-fill](https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fill) or [auto-fit](https://drafts.csswg.org/css-grid/#valdef-repeat-auto-fit)) cannot be combined with [intrinsic](https://drafts.csswg.org/css-grid/#intrinsic-sizing-function) or [flexible](https://drafts.csswg.org/css-grid/#flexible-sizing-function) sizes.
Effectively, these are false:
```js
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) auto"); // false
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) min-content"); // false
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) max-content"); // false
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) fit-content(0px)"); // false
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) 1fr"); // false
```
However, these are true:
```js
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) minmax(1px, auto)"); // true
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) minmax(auto, 1px)"); // true
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) minmax(1px, min-content)"); // true
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) minmax(min-content, 1px)"); // true
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) minmax(1px, max-content)"); // true
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) minmax(max-content, 1px)"); // true
CSS.supports("grid-template-rows: repeat(auto-fill, 1px) minmax(1px, 1fr)"); // true
```
Tested in Blink, Gecko and WebKit.
So I guess the spec should make it clear that these combinations are fine. Basically, it seems the requirement is that for each track, at least one of the min/max track sizing functions should be fixed.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7238 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 28 April 2022 14:25:19 UTC