- From: Loirooriol via GitHub <sysbot+gh@w3.org>
- Date: Tue, 25 Apr 2017 03:42:33 +0000
- To: public-css-archive@w3.org
The comparison with the horizontal case might also be interesting 1. https://jsfiddle.net/wLuo4a1z/: single flex, no size, flex-shrink:1 | | Horizontal case | Vertical case | | -------- | --------------- | ------------- | | Firefox | fill-available | max-content | | Chrome | fill-available | max-content | | Edge | fill-available | max-content | Of course the horizontal case is fit-content when using inline-flex, that's consistent with the vertical case (with infinite available height). 2. https://jsfiddle.net/Lwvavxu8/: nested flex, with a size, flex-shrink:1 | | Horizontal case | Vertical case | | -------- | --------------- | ---------------- | | Firefox | specified width | max-content | | Chrome | specified width | specified height | | Edge | specified width | max-content | Should the vertical and horizontal cases be consistent? I suspect so, but it has been some time since I last read the spec. 3. https://jsfiddle.net/7of2caeL/: single flex, with a size, flex-shrink:1 | | Horizontal case | Vertical case | | -------- | --------------- | ---------------- | | Firefox | specified width | specified height | | Chrome | specified width | specified height | | Edge | specified width | specified height | All agree. 4. https://jsfiddle.net/y65krv6k/: single flex, with a size, flex-shrink:0 | | Horizontal case | Vertical case | | -------- | --------------- | ---------------- | | Firefox | specified width | max-content | | Chrome | max-content | max-content | | Edge | max-content | max-content | Firefox is clearly wrong ([bug 876985](https://bugzilla.mozilla.org/show_bug.cgi?id=876985)). -- GitHub Notification of comment by Loirooriol Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1290#issuecomment-296890250 using your GitHub account
Received on Tuesday, 25 April 2017 03:42:43 UTC