UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36

Example URL:
https://plnkr.co/edit/cHMwXnGDytGeTVtGHz1d?p=preview

Steps to reproduce the problem:
Open Plunker an look at the top row. The flex-box items within that row is higher than the rest despite having the same content.
It only seem to affect rows with flex-wrap:wrap, where the items have different flex-basis values and where the items does not wrap.
The problem only occurs when inside a container with flex-direction: column and flex-wrap: wrap.
Firefox 51.0.1 is the same but Safari 10.0.2 works as expected.

What is the expected behavior?
That the top row would have the same height as the other rows

What went wrong?
The height is double the expected

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 55.0.2883.95  Channel: n/a
OS Version: OS X 10.12.2
Flash Version: Shockwave Flash 24.0 r0

 

Deleted: Screen Shot 2017-02-01 at 18.25.31.png 37.4 KB

	Screen Shot 2017-02-01 at 18.25.31.png 37.4 KB View Download