CSS Flexbox bug on IE : https://jsfiddle.net/6yuh90cd/3/

    code

if you load this in IE .. you will see that the content of the gray box is extending over to the yellow box, which doesn't happen on other browsers.

What i am trying to achieve is:

-let the gray box expand according to its content
-let the yellow box take the remaining height of its parent
-if the content yellow box has more content, overflow it properly

Can someone help me?