CSS flexbox child stretch and text overflow cut off issue

Question

I\'m having an issue with flexbox and overflow, below is a fiddle that shows my issue:

https://jsfiddle.net/hcvq7pm9/

So basically I\'m trying to achieve a text el