Bug 157648 - Flex container width and height incorrectly calculated for `flex-flow: column wrap`
Summary: Flex container width and height incorrectly calculated for `flex-flow: column...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2016-05-12 17:11 PDT by Greg Whitworth
Modified: 2017-06-11 19:24 PDT (History)
4 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Greg Whitworth 2016-05-12 17:11:24 PDT
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
    Safari: FAIL
    Firefox: FAIL
    IE 7/8/9/10: FAIL
    Chrome: FAIL
    Edge: OK

What steps will reproduce the problem?
1. Go to http://codepen.io/anon/pen/pJLwYp
2. Notice how the containing <ul> does not actually contain it's <li> children. It's size is being incorrectly calculated.

What is the expected result?

The <il> children should be contained no matter how they wrap and no matter how many children are present.
If you look at the demo in Edge, it renders correctly.

What happens instead?

The containing <ul> does not fully contain its children.
Comment 1 Radar WebKit Bug Importer 2016-06-02 20:18:09 PDT