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

Re: [css-flexbox] percentage flex basis and quirks mode...

From: Christian Biesinger <cbiesinger@google.com>
Date: Wed, 5 Aug 2015 14:35:11 -0700
Message-ID: <CAPTJ0XHjpj-LeuupzSRDaLm4pBfqFMsjxwFh-ywCBt2GP-JMyw@mail.gmail.com>
To: Greg Whitworth <gwhit@microsoft.com>
Cc: www-style list <www-style@w3.org>
Yes, that's right, it is a bug in all browsers. As of last night this
was fixed in Chrome due to an unrelated bugfix. Now looks like the
attached file.

(http://jsbin.com/kusefomuli/edit?html,output)

-christian

On Wed, Aug 5, 2015 at 2:18 PM, Greg Whitworth <gwhit@microsoft.com> wrote:
>>Hi there!
>>
>>So I encountered the following test case today:
>>
>><div style="display: flex; flex-direction:column; border:1px solid purple;">
>><div>Header</div> <div style="flex:1; min-height:0;">Flexible content<br>
>></div> </div>
>>
>>We have a flex basis of 0% for the two items. Since this is quirks mode, the
>>percentage resolves even though the flexbox does not have a definite size.
>>The only thing that makes this work for common cases is
>>min-height: auto.
>
> I'm seeing the same result in FF/Edge/Chrome (attached) with or without the min-height: auto (all still show document.compatMode of "BackCompat"). I'm either getting a completely different result via the markup you provided or I'm missing something :/
>
> Greg


screenshot.png
(image/png attachment: screenshot.png)

Received on Wednesday, 5 August 2015 21:35:41 UTC

This archive was generated by hypermail 2.3.1 : Wednesday, 5 August 2015 21:35:41 UTC