Flexbox, show elipses instead of wrapping when screen shrinks (tsx)
Hello, I've been racking my brain figuring out why this code works on codepen but not on my own code.
My code:
The codepen I'm looking at literally shows the same code here: https://codepen.io/psyrendust/pen/ZWPxmM/
Any help would be appreciated.
5 Replies
When I add the whiteSpace option back in, it shows this and doesn't shrink at all just kind of sticks to the View Disclosure button:
Playing with the flex property flex: '0 0 200px' on the first Box made it do this... We're almost there. Now to figure out why the screen doesn't shrink any smaller than it does as you see the End aligned View Disclosure button is going off the page.
The issue appears to be because everything is wrapped inside a grid with gridTemplateColumns: 360px 1fr...
As soon as I unwrap it from that, it works fine...
We did it gang!
A minHeight was needed on one of the parents.