Re: [css-flexbox] Different behaviour in FF and Chrome regarding flex-basis

On 07/23/2014 11:45 AM, Daniel Holbert wrote:
> I'm sorry, that wasn't correct -- after more testing, it seems that
> Chrome (ver 38.0.2096.0 dev) doesn't support min-height:auto. (and an
> explicit "min-height:0" doesn't affect their rendering of your
> testcase). So, the min-height:auto feature is not what's responsible for
> giving the flex container a nonzero height in Chrome. This is all true
> of IE11, as well -- they match Chrome on this testcase, and it doesn't
> change the rendering if I add "min-height:0" on the flex items.

one more twist: IE and Chrome aren't actually as similar on this point
as I'd thought. It turns out IE11 only matches Chrome on your codepen[1]
because IE appears to reject "flex: 1 1 0" as invalid.

If you edit the codepen to use "0px" there instead of "0", then IE11
matches Firefox.  (not that that's necessarily an argument in favor of
this particular behavior)

~Daniel

[1] http://codepen.io/anon/pen/DreHb