Foundation-sites: Flex: Menu items overflowing container if to many

[BicanMarianValeriu]

How to reproduce this bug:

Make a menu with many items
Put that menu in a container that has a smaller width than the items
Menu will overflow the container

What should happen:

Menu items should start a new row if they can't fit on just one (i guess)

Browser(s) and Device(s) tested on:

Chrome/Android/IE/EDGE

Test case link:

https://codepen.io/wecodeart/pen/oWxazj

Sorry for not making a better pen, hope you understand what I mean.
Suggestions ? Bug or working as intended (I hope not)

[IamManchanda]

@BicanMarianValeriu Bro, i must say you love wrapping/non-wrapping :D

cc / @brettsmason on looking into it!

[brettsmason]

So this is coming from the .horizontal classes having flex-wrap: nowrap;.
To be honest I have no idea why that's there - @rafibomb any reason you know of why that can't be changed to wrap?