Hi all! I have a lazy staggered vertical grid with collapsible cards. All works fine, except when y...

# compose

[Rok Oblak]

Hi all!
I have a lazy staggered vertical grid with collapsible cards.

All works fine, except when you collapse and expand the card, the staggered grid makes sure to keep the grid "balanced" in height, so the cards jump around. Which makes the whole UX a bit weird since the card you expand or collapse will always cause cards below it to jump to another column.

Is there any alternative approach?
I thought about just using multiple vertical columns but that would probably open its own set of problems.

[Daniel Weidensdörfer]

I'd try with multiple columns unless this behavior can be disabled in the grid

[Sean Proctor]

You could create a custom grid that uses the collapsed height to balance the columns. Or if they're generally left expanded, use the expanded height, but then you would need to compose the content whether it's shown or not.

[Rok Oblak]

Yeah, I considered that but as it was not so critical I decided to just use multiple lazy columns. So far it seems to work just fine, with the (expected) side effect of only being able to scroll a single column (which I guess is fine).

[Daniel Weidensdörfer]

You can sync them by giving them the same scroll state

[Rok Oblak]

ah good call yes!