inside container with display flex become corrupted

Question

This behavior is a little odd and weird. If there is a container with its display property set to flex and flex-direction to column<

Answer 1

I found that setting the width of the

---

too 100% fix the problem. Still odd, I have no idea why this happen.

Here is a pen