A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/w3c/csswg-drafts/issues/7775 below:

[css-align-3] Fallback alignment groups with orthogonal items. · Issue #7775 · w3c/csswg-drafts · GitHub

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

<!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 or vertical-lr 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:

<!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?)


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.3