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

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

From: Christian Biesinger <cbiesinger@google.com>
Date: Tue, 4 Aug 2015 15:22:58 -0700
Message-ID: <CAPTJ0XEFH7FP92BjHY8r7VTRQgab8oO-zOL=6QO=ZpfH9Dk-Pw@mail.gmail.com>
To: www-style list <www-style@w3.org>
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.

MY QUESTION:
Do you think it's a problem that this doesn't really work in quirks
mode? Maybe because min-height: auto will save the day?


(separately, it looks like Firefox does not correctly implement the
percentage flex basis in quirks mode, because it does not make the
flex item zero size. I know that neither do we right now but I'm
working on that for a different reason)

-christian
Received on Tuesday, 4 August 2015 22:23:26 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 4 August 2015 22:23:27 UTC