W3C home > Mailing lists > Public > www-style@w3.org > January 2015

RE: Inconsistency in flex-basis?

From: François REMY <francois.remy.dev@outlook.com>
Date: Fri, 23 Jan 2015 19:31:21 +0100
Message-ID: <DUB130-W54406CBE9E03AC793C0D62A5360@phx.gbl>
To: Tab Atkins Jr. <jackalmage@gmail.com>, Shashi Gowda <shashigowda91@gmail.com>
CC: www-style list <www-style@w3.org>
> On Thu, Jan 22, 2015 at 10:03 PM, Shashi Gowda <shashigowda91@gmail.com> wrote:
> > I have this markup:
> >
> > <div style="display: inline-flex; flex-direction: row;">
> >     <div style="width: 100px; flex: 1 1 0; height: 100px; background-color:
> > gray;"></div>
> >     <div style="width: 150px; flex: 1 1 0; height: 150px; background-color:
> > black;"></div>
> > </div>
> >
> > The two inner boxes appear one after the other, their width are distributed
> > and they sum up to the sum of their original width. They overflow if the
> > container's width is not sufficient. (Also notice that the flex-basis of the
> > boxes is 0.)
> 
> That's not right.  The spec algo should shrink them to 0.  If they
> have a definite flex-basis, their widths are *totally ignored*, which,
> for inline layout, should shrink the whole thing to 0.  Looks like a
> bug in Chrome.  Does it also show this behavior in Firefox and IE?
> (I'm on a Chromebook right now, so can't easily test.)
> 
> ~TJ

IE has the right behavior here.
 		 	   		  
Received on Friday, 23 January 2015 18:31:50 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:51:56 UTC