Text wrap in IE10 Flexbox

[alexmccabe]

Right-o chaps, challenge time.

I have an issue with a client who is using IE10. For the most part the site works fantastic, with one issue.

I am using Flexbox to make some text look lovely and inline, but in IE10 the text does not wrap at all.

http://codepen.io/alexmccabe/pen/YyXWRw.

Wraps and looks right in every browser except IE10.

If there is a way for it to wrap, or target just IE10 for different styles then that would be lovely.

[alexmccabe]

No one?

[Paulie_D]

This is gonna sound silly but apparently setting flex-direction:column on the link corrects it.

The solution suggested in the answer to this SO question didn’t seem to work but the above seemed to when I emulated IE10.

http://stackoverflow.com/questions/16808815/ie10-flexbox-p-element-non-wrapping

[shashi_lo]

Add max-width: 100%; to your child elements. It will wrap the content.

[Author]

Posts