[csswg-drafts] Feature: Display:Grid -> grid-[auto/section]-[flow/align]: row-reverse, column-reverse (Right to Left) languages + Grid: Relative Plus Modifier (#10406)

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

== Feature: Display:Grid -> grid-[auto/section]-[flow/align]: row-reverse, column-reverse (Right to Left) languages + Grid: Relative Plus Modifier ==
Hi,

The following is also a requirement to bring grid up to spec with what display:flex can do, but unfortunately, will never be as performant as Grid really, because it always has to look at each item, it can do caching, and delay rendering update, but we need to improve support for grid.

**Proposal**

1. The ability for grid-auto-flow:[row-reversed, column-reverse] to support population or the grid in reverse, just like with flex you have row reverse and column reverse.
This will be super helpfully when working with language in which display things right to left instead of left to right. Currently with display:flex that can easily be supported, however, with grid, you are out of lunch support>

2. Then I also need support that this can be done for sections or groups of columns as the following proposed specification will improve, with grid. 
[https://github.com/w3c/csswg-drafts/issues/10402](https://github.com/w3c/csswg-drafts/issues/10402) and [https://github.com/w3c/csswg-drafts/issues/10401](https://github.com/w3c/csswg-drafts/issues/10401)

Example:
```.css

{
grid-column: 1/ [name-col]; // for the space of the grid between column 1 and the named column or the other repeat nth column syntax.
grid-row: +1 / Span 5 // for the space of the grid between column 1 and the named column or the other repeat nth column syntax.
grid-section-flex-align-items: row|row-reverse, flex-start, flex-end, space-between, space around;
grid-section-flows: [row|row-reverse, column, column-reverse];

}
```

4. Then also the following for grid-column and grid-row placement. support Plus modifier, which means not the exact row or column,
but an offset from where the CSS selector is.
```.css
{
  .thumbnails:nth-child-attrb[class^='alignvalu'](n5 + 1)
  {
  grid-row: +1 / 3 span;
  grid-column: +1 / 3 span;
  }
}
```

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


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

Received on Saturday, 8 June 2024 12:20:22 UTC