Re: [csswg-drafts] [css-grid] grid-gap is still taking up space when an element defined in grid-template-area is not on the page. (#5813)

@Loirooriol It's hard for me to imagine how the algorithm should work in that case. Therefore, I've created a few Codepens using your example. Based on them, I'll describe what I'd expect regarding collapsing.

Collection: https://codepen.io/collection/RzMBaZ

## `repeat(8, min-content)`

https://codepen.io/SebastianZ1983/pen/vYqrEJr

Tracks and gaps should collapse so that the result is the same as if `gap` weren't set.

## `repeat(4, 100px min-content)`

https://codepen.io/SebastianZ1983/pen/XWLYJZM

Tracks 2, 4, 6, and 8 should collapse.

## `repeat(2, max-content 100px min-content 50px)`

https://codepen.io/SebastianZ1983/pen/wvLXBXV

Tracks 1, 3, 5, and 7 should collapse.

## `200px 1fr 1fr repeat(5, 100px)` with restricted container width

https://codepen.io/SebastianZ1983/pen/ExBRadw

Tracks 2 and 3 should collapse.

-----

I'll add more examples and their expected outcome on demand.

If I understand the `hide` value correctly, it behaves the same as `auto` but _also_ collapses empty tracks regardless of their size. If so, I wonder if this has any use cases and if this shouldn't be discussed separately, as the use cases outlined so far refer to zero-width tracks.

Sebastian

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


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

Received on Sunday, 25 August 2024 22:35:31 UTC