Align-self:center contents overflow combined with a parent's flex-direction:column

[stevenfowler16]

• Please include links to the bugs for each affected browser's bug tracker.

• Live Demo
  https://codepen.io/stevenfowler16/pen/RwowKMZ <- uncomment max width for the fix

• Description
  When a parent has flex-direction:column and a child has align-self:center the inner content of the child will overflow it's container.
  This behavior looks a lot like Flexbug Clarify that the IE10-11 bugs are confirmed fixed in IE12 #2 align-items:center