- 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