IssueTracker

Jetpack Compose version: 1.7.3 Jetpack Compose component used: ripple Android Studio Build: any Kotlin version: 2.0.20

We updated from compose 1.6.8 to 1.7.3. Ripple started to look really weird when layout is changing.

The code i use for expandable layout:

@Composable
fun AnimatableExpandableColumn(
  isExpanded: Boolean,
  content: @Composable ColumnScope.() -> Unit,
) {
  AnimatableExpandableLayout(
    isExpanded = isExpanded,
  ) {
    Column(
      content = content,
    )
  }
}

@Composable
fun AnimatableExpandableLayout(
  isExpanded: Boolean,
  content: @Composable () -> Unit,
) {

  val expandFraction = animateFloatAsState(if (isExpanded) 1f else 0f)

  Layout(
    content = content,
  ) { measurables, constraints ->

    val placeables = grabIf(expandFraction.value != 0f) {
      measurables.map { measurable ->
        measurable.measure(constraints)
      }
    }

    val height = placeables?.maxBy { it.height }?.height ?: 0

    layout(constraints.maxWidth, (height * expandFraction.value).toInt()) {
      placeables?.forEach { it.place(0, 0) }
    }
  }
}