IE11 text overflow in flex container

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
Content

In ie11 content overflows (example from mdn):

IE11
IE11

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

Codepen: