Flexbox: min-height: auto applies to nested flex boxes

CSS

We changed our rendering to match the flexbox specification and other browsers. In previous versions, Chrome did not implement the automatic minimum size for the specific case of a column flexbox containing a flex item that is itself a flexbox. We have now changed this so that such flex items do get the right minimum size. This can cause flex items to not shrink anymore when they used to; to avoid that, set min-height: auto on the flex item.

Specification

Established standard

Status in Chromium

Blink>Layout>Flexbox


Enabled by default (tracking bug) in:

  • Chrome for desktop release 73
  • Chrome for Android release 73
  • Android WebView release 73

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • Shipped
  • Shipped
  • No public signals
  • No signals

Owner

Last updated on 2019-02-05