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

philipwalton / flexbugs

A community-curated list of flexbox issues and cross-browser workarounds for them.

MIT License

13.63k stars 495 forks source link

Open stevenfowler16 opened 3 years ago

stevenfowler16 commented 3 years ago

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 #2 align-items:center