Hello! How can I achive this behavior? A card (or smthing) that expand vertically without affectin...

# compose

[alorma]

Hello!

How can I achive this behavior?

A card (or smthing) that expand vertically without affecting the rest of layout. I tried with zIndex on the card but still moving the layout around

[mgrazianodecastro]

i would bet the expanded card is actually in a box

[alorma]

It even expands the rest of layout.

I have those cards in a LazyVerticalGrid (two rows of three cards)

[efemoney]

It's a popup menu. You can overlay a popup on the item itself and then it'll seem as of it's the item that is expanding

[ephemient]

https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#dropdownmenu for example

[alorma]

Those show a different window with content. Wait a moment i will be at laptop to show it

[efemoney]

Yeah dropdown menu not popup menu (i dunno, anyone should work)

[alorma]

What do you mean by overlay on the item itself?

[ephemient]

instead of making the item itself grow, put a popup (with the same header) above it

[ephemient]

the popup doesn't affect layout, and has other benefits like dismissing if the user touches outside of it

[alorma]

Uhmm, could work

[alorma]

The idea is good, but how Can I make the popup march the card width?

[ephemient]

var width by remember { mutableStateOf(0) }
Card(modifier = Modifier.onSizeChanged { width = it.width })
DropdownMenu(modifier = Modifier.sizeIn(minWidth = with(LocalDensity.current) { width.toDp() })

[myanmarking]

Or just make a custom layout that ignores the height of that composable