[csswg-drafts] [css-align] align-self / justify-self on abspos elements isn't back compatible? (#7599)

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

== [css-align] align-self / justify-self on abspos elements isn't back compatible? ==
Consider:

```
<div style="direction: ltr; width: 100px; border: solid lime 3px;">
  <div style="direction: rtl; margin: 20px; border: solid hotpink 3px;">
    <img style="position: absolute; width: 10px; height: 10px; background: cornflowerblue;">
  </div>
</div>```

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

> justify-self Axis | The block’s containing block’s inline axis.

Today the static-pos of will be on the right - however I think what the current spec text is suggesting is that it'd be on the left? I.e. justify-self:auto -> justify-self:normal -> justify-self:start

I suspect this isn't intentional - likely "normal" needs to be interpreted as what the natural alignment of the static-pos rect is.

cc/ @tabatkins @fantasai 

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


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

Received on Friday, 12 August 2022 03:10:09 UTC