[csswg-drafts] [css-align] `justify-items` and block splitting inline (#11462) from Oriol Brufau via GitHub on 2025-01-08 (public-css-archive@w3.org from January 2025)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Wed, 08 Jan 2025 23:17:57 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-2776520785-1736378275-sysbot+gh@w3.org>

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

== [css-align] `justify-items` and block splitting inline ==
```html
<!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:

![](https://github.com/user-attachments/assets/1d4fb2cd-3fe7-44f8-b597-1dc988babb7a)

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](https://drafts.csswg.org/css-align/#propdef-justify-items) value of the parent box

But I'm not at all convinced that this case was taken into account.

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


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

Received on Wednesday, 8 January 2025 23:17:58 UTC