[css-flexbox] [css-sizing] Interaction of min-height and box-sizing: border-box

• From: Christian Biesinger <cbiesinger@google.com>
• Date: Thu, 23 Jun 2016 17:40:12 -0400
• To: www-style list <www-style@w3.org>
• Message-ID: <CAPTJ0XFdSRggVQ0s4Y3G6rg8UG2YkuGwGx_FmL6d9_vqVHH4Mg@mail.gmail.com>

Hi there!

With a testcase like this:

<div style="height: 20px; min-height: min-content; box-sizing:
border-box; padding-top: 50px;">
  <div style="height: 50px; width: 50px;"></div>
</div>

What should the final size of the div be? Clearly, min-content here is
a 50px content-box or 80px border-box. But sizes in min-height get
adjusted by box-sizing. Do we insert the 50px content-box into
min-height, then adjust by box-sizing, and get an effective min-height
or 30px? Or not?

And (for the css-flexbox part of the question), does it make a
difference when this happens in the context of min-height: auto?

xref https://bugs.chromium.org/p/chromium/issues/detail?id=549863

Thanks,
-Christian

Received on Thursday, 23 June 2016 21:41:21 UTC