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-align] normal alignment doesn't really behave as stretch for non-replaced abspos with auto insets #11215

Open
Loirooriol opened this issue Nov 14, 2024 · 2 comments
Labels
Closed Accepted as Obvious Bugfix Commenter Satisfied Commenter has indicated satisfaction with the resolution / edits. css-align-3 Current Work css-position-3 Current Work

Comments

@Loirooriol
Copy link
Contributor

https://drafts.csswg.org/css-align/#justify-abspos

For replaced absolutely-positioned boxes, the normal keyword behaves as start.

For all other absolutely-positioned boxes, normal behaves as stretch.

https://drafts.csswg.org/css-align/#align-abspos

For replaced absolutely-positioned boxes, the normal keyword behaves as start.

For all other absolutely-positioned boxes, normal behaves as stretch.

However: https://drafts.csswg.org/css-position-3/#abspos-auto-size

So normal can't be behaving as stretch if they affect sizing in different ways.

@Loirooriol Loirooriol added css-align-3 Current Work css-position-3 Current Work labels Nov 14, 2024
@Loirooriol Loirooriol changed the title [css-align] normal alignment doesn't really behave as stretch for abspos with auto insets [css-align] normal alignment doesn't really behave as stretch for non-replaced abspos with auto insets Nov 15, 2024
@Loirooriol
Copy link
Contributor Author

I think https://drafts.csswg.org/css-position-3/#abspos-auto-size needs to be removed.

And then, https://drafts.csswg.org/css-align/#justify-abspos and https://drafts.csswg.org/css-align/#align-abspos should resolve normal to either stretch or start appropriately.

@fantasai
Copy link
Collaborator

I did the opposite and made css-align-3 defer to css-position-3, which I think is a better way to handle this. Lmk if this works for you @Loirooriol :
2a82852

@Loirooriol Loirooriol added Commenter Satisfied Commenter has indicated satisfaction with the resolution / edits. and removed Commenter Response Pending labels Mar 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Closed Accepted as Obvious Bugfix Commenter Satisfied Commenter has indicated satisfaction with the resolution / edits. css-align-3 Current Work css-position-3 Current Work
Projects
None yet
Development

No branches or pull requests

2 participants