1868056 - Flex container width and height incorrectly calculated for `flex-flow: column wrap`

Status: RESOLVED DUPLICATE of bug 995020

(Core :: Layout: Flexbox, defect)

Description

[Jack]

User Agent: Mozilla/5.0 (X11; Linux aarch64; rv:109.0) Gecko/20100101 Firefox/115.0

Steps to reproduce:

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.

Actual results:

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.

Expected results:

The containing <ul> does not fully contain its children.

Comment 1

[Jack]

This is a copy and paste from the same bug in Chromium that has just been (almost) fixed.

Chromium bug: https://bugs.chromium.org/p/chromium/issues/detail?id=507397
Stackoverflow question on it: https://stackoverflow.com/questions/33891709/when-flexbox-items-wrap-in-column-mode-container-does-not-grow-its-width
Workaround: https://jsfiddle.net/gcob492x/3/

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Flexbox' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 3

[Daniel Holbert [:dholbert]]

Thanks for the bug report! I think this is a duplicate of longstanding bug 995020.