[csswg-drafts] [css-gaps-1] "Gap" definition for Flex in cross-axis direction. (#11911)

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

== [css-gaps-1] "Gap" definition for Flex in cross-axis direction. ==
On the definition of a gap for flex in the cross-axis direction, if we have a case such as the following, where there are "columns" that line up with "columns" of lines above or below.

![Image](https://github.com/user-attachments/assets/820ad878-cc1e-4036-bdb6-ec50e11692b7)

I believe the spec has the column gap between items `One` and `Two` to span from the top of the container, all the way to the bottom. Is this the definition we ultimately want? I think for the example above it makes sense, however, with flex it seems like more common scenarios would be something like:

![Image](https://github.com/user-attachments/assets/02424d29-fca5-48ea-bf0f-b68896f2961a)

In this case, and other similar cases, it feels to me as if the gaps between items `One` and `Two` and the gap between items `Six` and `Seven` should two separate gaps. I think this would also make sense with the first example, even if coincidentally the gaps happen to line up, since intrinsically there is no relation with the line above or below. Moreover, what would happen for instance if a cross-axis gap were to line up with a gap several lines below/above?





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


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

Received on Tuesday, 11 March 2025 16:14:54 UTC