Firefox flexbox column wraps, but parent width doesn’t expand (works fine in Chrome)
TL;DR: Chrome expands the flex container’s width when items wrap into new columns. Firefox doesn’t grow the container width (it stays as wide as the longest item)
Hello, I’m running into a frustrating flexbox quirk in Firefox.
I have a container using
I’ve tried using
If you manage to get Firefox to behave (or know an alternative layout technique to emulate column wrapping that works in this case), please share some insight because I'm really stuck . Here’s a CodePen showing the exact behavior:
https://codepen.io/cracleur/pen/NPWYJbo
Hello, I’m running into a frustrating flexbox quirk in Firefox.
I have a container using
flex-direction: column; flex-wrap: wrap;I’ve tried using
inline-flexwidth: auto;width: fit-contentIf you manage to get Firefox to behave (or know an alternative layout technique to emulate column wrapping that works in this case), please share some insight because I'm really stuck . Here’s a CodePen showing the exact behavior:
https://codepen.io/cracleur/pen/NPWYJbo
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
