[csswg-drafts] [css-flexbox-1] Flex container baselines with "flex-wrap: wrap-reverse" present. (#7774) from Ian Kilpatrick via GitHub on 2022-09-22 (public-css-archive@w3.org from September 2022)

From: Ian Kilpatrick via GitHub <sysbot+gh@w3.org>
Date: Thu, 22 Sep 2022 03:18:49 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-1381765515-1663816727-sysbot+gh@w3.org>

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

== [css-flexbox-1] Flex container baselines with "flex-wrap: wrap-reverse" present. ==
Consider the following example:

https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=10771

```html
<!DOCTYPE html>
<body style="display: flex; align-items: baseline;">
  baseline
  <div style="border: solid 3px; display: inline-flex; flex-direction: row; flex-wrap: wrap-reverse; width: 25px;">
    <div style="background: lime;">a</div>
    <div style="background: hotpink; font-size: 30px;">b</div>
    <div style="background: lime;">a</div>
    <div style="background: hotpink; font-size: 30px;">b</div>
  </div>
</body>
```

Here all implementations will align to the visually "last" flex-line. If we follow the same pattern for "last baseline" it'll mean that we'll align to the visually "first" flex-line (Firefox doesn't seem to align to this baseline however). Is this what we want?

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


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

Received on Thursday, 22 September 2022 03:18:51 UTC