Correct handling of percentages in children of flex items

Certain flex items should be considered to have definite sizes (see spec URL), and therefore if a child element of a flex item uses percentage sizes, they should work.

Demo

• http://jsbin.com/zefuxiviso/2/edit?html,output

Documentation

• http://crbug.com/542388
• http://crbug.com/346275

Specification

Established standard

Status in Chromium

Blink components: Blink

Enabled by default (launch bug) in:

• Chrome for desktop release 51
• Chrome for Android release 51
• Android WebView release 51
• Opera release 38
• Opera for Android release 38

Consensus & Standardization

• Firefox: Shipped
• Edge: Shipped
• Safari: No public signals
• Web Developers: Strongly positive

Owner

• cbiesinger@chromium.org

Last updated on 2017-06-14