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

Re-reading how gaps are defined for flexbox, I think the behavior @jav099 described is what follows from the existing normative text.

https://drafts.csswg.org/css-align-3/#gap-flex:
> When applied to the [main axis](https://drafts.csswg.org/css-flexbox-1/#main-axis) (e.g. [column-gap](https://drafts.csswg.org/css-align-3/#propdef-column-gap) in a row [flex container](https://drafts.csswg.org/css-flexbox-1/#flex-container)), indicates minimum spacing between items (as if an additional fixed-size margin were inserted between adjacent [flex items](https://drafts.csswg.org/css-flexbox-1/#flex-item) in a single line).

In other words, the space between `One` and `Two`, and the space between `Six` and `Seven`, are in fact two separate gaps. So for example, when following the steps to [determine pairs of gap decoration endpoints](https://drafts.csswg.org/css-gaps-1/#determine-pairs-of-gap-decoration-endpoints) within a cross-direction gap in a flexbox, the list of endpoints would only contain two entries: the one at the cross-start edge of the flex line (or the container) and the one at the cross-end edge of the flex line (or the container).

There are probably some examples in Gaps 1 that need correcting / clarifying to illustrate this though.

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


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

Received on Wednesday, 19 March 2025 15:47:51 UTC