W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2021

Re: [csswg-drafts] [css-flexbox-1][css-position-3] static position of abspos flex children (#5843)

From: davidsgrogan via GitHub <sysbot+gh@w3.org>
Date: Thu, 08 Jul 2021 22:54:17 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-876794501-1625784855-sysbot+gh@w3.org>
Question about proposed new behavior for which I'm gathering compat data.

 * css-flex tells engines to honor `align-items` when determining static position of abspos flex children
 * css-align-3 dictates ignoring `align-items` because the abspos children don't [participate in this box's formatting context](https://drafts.csswg.org/css-align-3/#align-items-property). (Right?)

Which behavior is being proposed here? E.g. These are rendered the same today. Are they rendered the same in this proposal?

```html
<div class=column-flexbox>
  <div class=abspos-flex-child style="align-self: center;"></div>
</div>
```
```html
<div class=column-flexbox style="align-items: center">
  <div class=abspos-flex-child></div>
</div>
```

[fiddle version](https://jsfiddle.net/dgrogan/9gctawd0/5/)

Both FF and Chrome honor `align-items` today as can be seen in bottom flex box at the fiddle above.

-- 
GitHub Notification of comment by davidsgrogan
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5843#issuecomment-876794501 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 8 July 2021 22:55:06 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:39 UTC