[csswg-drafts] [css-grid] auto-span (#13131)

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

== [css-grid] auto-span ==
Currently in grid, items can be specified to span a fixed number of tracks. I think it would be very useful to extend this to span an automatic number of columns based on the size of the item and the size of the columns. In the general case, this is not solvable, since their can be inter-dependencies between these, but when considering intrinsic sizes, it would be possible, and not even particularly difficult.

When a grid item would have `span auto`:
* If it is placed in a track whose initial [growth limit](https://www.w3.org/TR/css-grid-2/#growth-limit) is infinite, the item does not span.
* If it is placed in a track whose initial growth limit is definite, but the item's min-content intrinsic size is smaller than that growth limit, the item does not span.
* If it is placed in a track whose growth limit is definite, and the item's min-content intrinsic size is bigger than that growth limit, then the items spans into (at least) the next track.
* To see if it spans into more than the next column, substract the first column's growth limit and the width of the adjacent gap from the item's intrinsic min-content size, and repeat the above logic with the remdainer and the grow limit of the next column.




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


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

Received on Friday, 21 November 2025 05:35:27 UTC