Bug 163382 - REGRESSION: Elements in a flex box do not stretch properly.
Summary: REGRESSION: Elements in a flex box do not stretch properly.
Status: RESOLVED DUPLICATE of bug 163572
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Mac macOS 10.12
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-10-13 01:56 PDT by Lewis Dorigo
Modified: 2017-01-26 22:26 PST (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Lewis Dorigo 2016-10-13 01:56:42 PDT
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
Comment 1 Radar WebKit Bug Importer 2016-10-18 09:53:49 PDT
<rdar://problem/28825468>
Comment 2 Ryosuke Niwa 2017-01-26 22:26:01 PST
This was fixed in https://trac.webkit.org/changeset/207535.

*** This bug has been marked as a duplicate of bug 163572 ***