A modern programming language that makes developers happier.

kotlinlang

-3248596527943007371flow_row_animate_content_size_clipping.MP4

I have a flow row with items in it that can change size, using `animateContentSize()` causes the item to clip when increasing in size but not when decreasing..

Is this a mistake on my part? 

I don't think this has anything to do with flow row. You should apply `animateContentSize()` to the content of the chip instead of the chip itself.

Seeing the same thing with chips in M3, even if it's applied to the contents only.

Maybe you are not doing it right.
I mean
```InputChip(
    selected = false,
    onClick = {},
    label = {
        Text(
            text = text,
            modifier = Modifier.animateContentSize()
        )
    }
)```
instead of
```InputChip(
    selected = false,
    onClick = {},
    label = { Text(text = text) },
    modifier = Modifier.animateContentSize()
)```

In my case I apply it directly to the Text composable

out.mp4

Here's the video of the two snippets I posted above.

Which version of compose and M3 are you using?

Same behavior in latest stable and prerelease.
Btw, version shouldn't be important. The same problem and solution also applies to other components with slot API.

Can you try including a trailing icon in the chip? Thats the only other thing that comes to mind!

Screenshot_20240117-073654.png

Well, good to know that it _should_ work! When time allows Ill try to reduce my chip logic down until it works and see when it starts failing. You can see exactly what my chip looks like below, both leading and trailing icons are wrapped in a Box(centered + 24.dp size).