- From: Ian Kilpatrick via GitHub <sysbot+gh@w3.org>
- Date: Tue, 23 Aug 2022 22:00:48 +0000
- To: public-css-archive@w3.org
bfgeek has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-align-3][css-flexbox-1] How to determine the last baseline of a flex container with different alignment groups. ==
See: https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=10608
```html
<!DOCTYPE html>
<div style="display: inline-flex; align-items: last baseline;">
<div style="background: lime; font-size: 30px;">line1<br>line2</div>
<div style="display: flex;">
<div style="font-size: 30px; align-self: last baseline; background: cyan;">line1<br>line2<br>line3</div>
<div style="font-size: 80px; align-self: baseline; background: hotpink;">line1<br>line2</div>
</div>
</div>
```
https://drafts.csswg.org/css-flexbox-1/#flex-baselines
Should the last baseline of the "lime" box be aligned with the last-baseline of the "cyan" box, or the "hotpink" box?
The rules just look at if something "participates in baseline alignment" so by that rule it should be the "hotpink" box.
But likely should be the "cyan" box.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7641 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 23 August 2022 22:00:50 UTC