Is there a way to animate from `wrapContentWidth()` to `fillMaxWidth()` without using `animateConten...

# compose

[Tgo1014]

Is there a way to animate from wrapContentWidth() to fillMaxWidth() without using animateContentSize() ? When I use this modifier it clips the elevation shadow 😕

[f.babic]

An idea could be that you have a BoxWithConstraints or something similar that gives you info what the maximum width is as well as potentially calculating the "wrap" width of the button.

Then animating would still be changing the DP state, but you'd know the values.

Alternatively, maybe something with ConstraintLayout, but I haven't used it much.

Sorry if I'm not of great help, just sharing ideas!

[Tgo1014]

That could work indeed 🤔

[f.babic]

Alternatively something like a Layout composable where you can fetch and store the state of the component size would be a good approach, but it might require more work

[Tgo1014]

Yeah I guess this one is a bit more tricky, the BoxWithContraints already give the size if I remember it right

[f.babic]

yeah it gives you the maximum width at least

[Doris Liu]

Have you tried having animateContentSize modifier on the child of the Surface. If you put the modifier directly on the surface, it clips the Surface, along with the shadow. Setting the modifier on a child should work.