[csswg-drafts] [css-align-3][css-multicol-1] First baseline of a multicol (#7856)

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

== [css-align-3][css-multicol-1] First baseline of a multicol ==
From: https://github.com/w3c/csswg-drafts/issues/7639#issuecomment-1271323043

In reviewing the last-baseline behaviour for multi-col we discovered that the first-baseline behaviour of multicol is inconsistent.

For example:
https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=10862
```html
<!DOCTYPE html>
<div style="display: flex; align-items: baseline; border: solid 5px;">
  <div style="background: lime;">baseline</div>
  <div style="columns: 2; background: cyan;">
    <div style="height: 50px;"></div>
    line1<br>line2<br>line3<br>line4<br>line5
  </div>
</div>
```

And:
https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=10863
```html
<!DOCTYPE html>
<div style="display: flex; align-items: baseline; border: solid 5px;">
  <div style="background: lime;">baseline</div>
  <div style="columns: 2; background: cyan;">
    <div style="height: 100px;"></div>
    line1<br>line2<br>line3<br>line4<br>line5
    <div style="height: 20px;"></div>
  </div>
</div>
```

Currently all engines take the first-baseline from the "first" column - if there isn't a baseline within that column we'll produce no baseline for the entire multicol.

Is this desired?

Two options which are better (IMO) than the status quo.

1. As @mstensho suggests take the highest baseline from the entire multicol (including spanners for example). This makes it symmetrical with last-baseline (taking the lowest).
2. Take the first-baseline from the first column/span with a baseline. With this approach for example number 2 the baseline will be the first-baseline of the 2nd column.

Ian

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


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

Received on Friday, 7 October 2022 18:06:51 UTC