IssueTracker

Andrey and Ryan,

Could you share some thoughts on this please? It's unclear to me why the icon sometimes doesn't show when animateContentSize modifier is set on the row in the LazyColumn. Based on my logging, the animated size always reports a size in the expected range: somewhere between icon and icon + text.

Here's a simpler repro case than the gist in #1 in case it's helpful:

LazyColumn(modifier = Modifier.fillMaxWidth()) {
    items((0..30).toList()) {
        var isExpanded by remember { mutableStateOf(false) }
        Surface(
            color = MaterialTheme.colors.primary,
            shape = CircleShape
        ) {
            Row(modifier = Modifier.animateContentSize()) {
                IconButton(onClick = { isExpanded = !isExpanded }) {
                    Icon(asset = Icons.Default.AccessTime, tint = Color.White)
                }
                if (isExpanded) {
                    Text(
                        modifier = Modifier.gravity(Alignment.CenterVertically)
                            .padding(end = 16.dp),
                        text = "some text",
                        style = MaterialTheme.typography.caption,
                        color = Color.White
                    )
                }
            }
        }
        Spacer(modifier = Modifier.height(8.dp))
    }
}

As for AnimatedVisibility, I suspect it's the same root cause. Here I have a simple repro case with the animation essentially turned off so we rule out the possibility of alpha = 0: https://paste.googleplex.com/5194668993150976

After scrolling up and down a few times, you'll notice that text is missing from one (or more) of the expanded elements. (see screenshot)

Thanks for the update, Andrey.