[csswg-drafts] [css-align-3] Fallback alignment groups with orthogonal items. (#7775)

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

== [css-align-3] Fallback alignment groups with orthogonal items. ==
Consider: https://www.software.hixie.ch/utilities/js/live-dom-viewer/?saved=10774

```html
<!DOCTYPE html>
<div style="display: flex; flex-direction: column; align-items: baseline; width: 100px; border: solid 3px; direction: ltr;">
  <div style="writing-mode: vertical-rl; background: lime;">line1<br>line2</div>
  <div style="writing-mode: vertical-lr; background: lime;">line1<br>line2</div>
  <div style="background: cyan;">orthog</div>
</div>
```

Here there are two baseline groups. The VRL item goes into one, and the VLR + HTB items go into another. The HTB item goes into the VLR group due to:
https://drafts.csswg.org/css-align-3/#baseline-export
"Otherwise, assume either [horizontal-tb](https://drafts.csswg.org/css-writing-modes-4/#valdef-writing-mode-horizontal-tb) or [vertical-lr](https://drafts.csswg.org/css-writing-modes-4/#valdef-writing-mode-vertical-lr) [writing-mode](https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode), whichever is orthogonal to the box’s own writing-mode."

The VLR group goes to the left, the VRL group goes to the right.

Now consider:

```html
<!DOCTYPE html>
<div style="display: flex; flex-direction: column; align-items: baseline; width: 100px; border: solid 3px; direction: rtl;">
  <div style="background: cyan;">orthog</div>
</div>
```

Here all impelementations (currently) place the orthog group on the right. But this should likely be the left.
There are many WPTs asserting this behaviour.

Is the "Otherwise, assume either" correct? Should it be VRL instead? Should it look at the direction to keep a small amount of consistency? (Is my interpretation correct?)

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7775 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:34:09 UTC