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.

Sign up for GitHub

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

Jump to bottom

[css-align] justify-items and block splitting inline #11462

Open
Loirooriol opened this issue Jan 8, 2025 · 0 comments
Open

[css-align] justify-items and block splitting inline #11462

Loirooriol opened this issue Jan 8, 2025 · 0 comments
Labels
Agenda+ css-align-3 Current Work

Comments

@Loirooriol
Copy link
Contributor 

<!DOCTYPE html>
<div style="width: 200px; justify-items: right; border: solid">
  <span style="justify-items: center">
    <div>foo</div>
  </span>
</div>

In Blink it looks like this:

So the <div>foo</div> is aligned to the start, ignoring both justify-items: right of the containing block and justify-items: center of the parent.

https://drafts.csswg.org/css-align/#valdef-justify-self-auto says

It behaves as the computed justify-items value of the parent box

But I'm not at all convinced that this case was taken into account.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Agenda+ css-align-3 Current Work
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Loirooriol