Bug 163382
| Summary: | REGRESSION: Elements in a flex box do not stretch properly. | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Lewis Dorigo <lewis> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Major | CC: | jonlee, rniwa, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari Technology Preview | ||
| Hardware: | Mac | ||
| OS: | macOS 10.12 | ||
Lewis Dorigo
In Safari Technology Preview, and the Webkit Nightly Build, on element with `display: flex; flex-wrap: wrap;` and an explicit height, the child do not stretch to fit the height of the container, as would be expected with `align-items: stretch; align-content: stretch`. Rather, they stretch to the height of the tallest sibling on the same row.
Safari 10.0, Firefox 49.0.1, and Chrome 54 all exhibit the correct, expected behaviour.
An example of this can be found here: http://codepen.io/anon/pen/PGaZyP
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/28825468>
Ryosuke Niwa
This was fixed in https://trac.webkit.org/changeset/207535.
*** This bug has been marked as a duplicate of bug 163572 ***