Krzysztof Żuraw blog

TIL - IE11 text overflow in flex container

October 12, 2019

Imagine that you have flex container. It have max-width of 300px. Inside this container there is a wall of text. In all browsers except ie11 everything works fine:

content

In ie11 content overflows (example from mdn):

ie11

How this can be fixed? By adding width: 100% to children of flex element.

Codepen:


Want to get blog posts via email?

Powered by Buttondown.



Krzysztof Żuraw

Written by Krzysztof Żuraw who lives and works in Wrocław. You can find more on about page and subscribe to rss feed.