[csswg-drafts] [css-grid] More granular auto placement from grid container element (#7399)

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

== [css-grid] More granular auto placement from grid container element ==
https://www.w3.org/TR/css-grid-1/#track-sizing-algorithm

In a many cases, you can rely on the default placement of the grid to do what you want. However, in the cases that it isn’t, you currently have to define `grid-area` (or other) on the children elements, which seems like a lot of extra ceremony.

Firstly, it would be nice if `grid-auto-flow` could be extended to allow named grid areas before `row`/`column` to populate these areas first.

```css
grid: "a b c" auto / auto auto auto;
grid-auto-flow: b c a;
```

And this should also work on the `grid` property itself.

```css
grid: "a b c" auto / auto auto auto b c a;
```

Presumably, if any children had explicit grid areas, they would be excluded from the auto placement. It’s probably an edge case anyway.

Secondly, it would be nice to have a `grid-auto-direction`, analogous to `flex-direction` - where it will fill items in from the end rather than the start

```css
grid-auto-direction: reverse;
```

Which should also work in the `grid-auto-flow` property itself.

```css
grid-auto-flow: column reverse;
```

Again, this should work on grid itself too (not illustrated).

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 21 June 2022 21:42:07 UTC