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

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 ***