Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
jav099 opened this issue Mar 11, 2025 · 0 comments
Open

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

jav099 opened this issue Mar 11, 2025 · 0 comments

Comments

@jav099
Copy link

jav099 commented Mar 11, 2025

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

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

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants