Correct handling of percentages in children of flex items

Category: CSS
Type: New or changed feature
Status: Enabled by default (Chrome 51)
Intent stage: None

Summary

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.

Standards & signals

Specification: https://drafts.csswg.org/css-flexbox/#definite-sizes
Firefox: Shipped/Shipping
Safari: No signal
Web developers: Strongly positive
Tracking bug: http://crbug.com/341310

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

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

View on chromestatus.com