Bug 161910 - [Flexbox] with nowrap, flex content overflows the flexbox
Summary: [Flexbox] with nowrap, flex content overflows the flexbox
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 9
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/SophieWeb/pen/VKZQjR
Keywords:
Depends on:
Blocks:
 
Reported: 2016-09-13 07:55 PDT by SophieWeb
Modified: 2016-12-15 15:48 PST (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description SophieWeb 2016-09-13 07:55:20 PDT 
With two flex divs inside a flexbox, the first div containing long text, the content of the second div overflows the flexbox even when wrapping the first text would allow space for the second to be displayed inside the flexbox.

Example here, when resizing screen to for example 600px wide :
https://codepen.io/SophieWeb/pen/VKZQjR
Comment 1 SophieWeb 2016-09-13 09:31:17 PDT 
Ok I just misunderstood the specification. 
Apologies for filing this as a bug, a flex-shrink of 0 on the second div solves it.