W3C home > Mailing lists > Public > public-css-archive@w3.org > August 2019

[csswg-drafts] [css-writing-modes-3][css-flexbox-1] Orthogonal column flex containers (#4221)

From: Tab Atkins Jr. via GitHub <sysbot+gh@w3.org>
Date: Mon, 19 Aug 2019 22:26:02 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-482557072-1566253561-sysbot+gh@w3.org>
tabatkins has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-writing-modes-3][css-flexbox-1] Orthogonal column flex containers ==
If you have a column flexbox that is orthogonal to its parent, and whose flex items are parallel (not orthogonal), per spec we pass the parent's infinite available block size to the flexbox's inline size, which then passes to the flex item, giving the flex item an infinite available inline size without the flex item itself being orthogonal.

Implementations don't seem to do this. They apply the ICB clamping to the flexbox itself, then the flex items just lay out into that (finite, definite) size.

Assuming this is what we want, we'll need to tweak Flexbox's wording a little bit, and possibly Writing Modes to match.

Repro:
```html
<!DOCTYPE html>
<div style="display: flex; writing-mode: vertical-rl; flex-flow: column; border: 40px double;">
 <span>foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo </span>
 <span>foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo </span>

<style>
span { border: orange solid 40px;; }
```

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4221 using your GitHub account
Received on Monday, 19 August 2019 22:26:03 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:31:13 UTC