W3C home > Mailing lists > Public > public-css-archive@w3.org > April 2017

Re: [csswg-drafts] [css-flex][css-sizing] Should flex-shrinking propagate back down the flex chain?

From: Loirooriol via GitHub <sysbot+gh@w3.org>
Date: Tue, 25 Apr 2017 03:42:33 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-296890250-1493091752-sysbot+gh@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

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:11 UTC