W3C home > Mailing lists > Public > www-style@w3.org > April 2016

Re: [css-flexbox] inconsistent behavior when using flex-grow: 0.001

From: Daniel Holbert <dholbert@mozilla.com>
Date: Tue, 19 Apr 2016 08:04:12 -0700
To: Sébastien Lorber <lorber.sebastien@gmail.com>, www-style@w3.org
Message-ID: <1208c69a-7fac-53b7-d078-3d500d4bc0e6@mozilla.com>
On 04/19/2016 12:25 AM, Sébastien Lorber wrote:
> I get an inconsistent browser behavior on this JsFiddle
> <https://jsfiddle.net/hbdLacz8/> where Chrome and Firefox do not produce
> the same result on my computer when I resize my window. When the green
> box go under the red box, it does not take the same width.
> 
> Any idea which browser does it wrong?

Which versions are you testing? I get identical behavior between Chrome
51 (Dev Edition) and Firefox 48 (Nightly).

> Is it a bug or should flex-grow simply not be used with float values (it
> does work consistently with non-float values)

There is special behavior for flex-grow float values between 0 and 1,
which behave differently than values that are greater than 1. (They
behave a little like percentages.)  I think I recall that Chrome
implemented that behavior fairly recently, so you might be testing a
Chrome version that doesn't have that fix -- that would explain the
discrepancy you're seeing.

~Daniel
Received on Tuesday, 19 April 2016 15:04:44 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:09:02 UTC