IssueTracker

Jetpack Compose version: 1.7.3 Jetpack Compose component used: Animation Kotlin version: 2.0.0

With two AnimatedVisibilitys as children of a Transition with a SeekableTransitionState, bounds animations seem to animate to the wrong bounds when calling seekTo(fraction). Calling animateTo(target) fixes the bounds. Screen recording of sample attached.

Code Sample to Reproduce:

@Preview
@Composable
private fun Sample() {
  Column {
    val scope = rememberCoroutineScope()
    val transitionState = remember { SeekableTransitionState(false) }
    val transition = rememberTransition(transitionState)

    Row {
      Button(onClick = { scope.launch { transitionState.animateTo(false) } }) {
        Text("animateTo(false)")
      }
      Spacer(Modifier.weight(1f))
      Button(onClick = { scope.launch { transitionState.animateTo(true) } }) {
        Text("animateTo(true)")
      }
    }
    Text("Fraction: ${transitionState.fraction}", Modifier.padding(horizontal = 32.dp))
    Slider(
      value = transitionState.fraction,
      onValueChange = {
        scope.launch {
          transitionState.seekTo(
            it,
            targetState = if (transition.isRunning) {
              transitionState.targetState
            } else {
              !transitionState.targetState
            },
          )
        }
      },
      Modifier
        .systemGestureExclusion()
        .padding(horizontal = 32.dp),
    )
    SharedTransitionLayout {
      Row {
        Box(Modifier.size(50.dp)) {
          transition.AnimatedVisibility(
            visible = { !it },
            enter = fadeIn(),
            exit = fadeOut(),
          ) {
            Box(
              Modifier
                .sharedBounds(
                  rememberSharedContentState("item"),
                  this@AnimatedVisibility,
                )
                .fillMaxSize()
                .background(Color.Green)
            )
          }
        }
        Spacer(Modifier.weight(1f))
        Box(Modifier.size(100.dp)) {
          transition.AnimatedVisibility(
            visible = { it },
            enter = fadeIn(),
            exit = fadeOut(),
          ) {
            Box(
              Modifier
                .sharedBounds(
                  rememberSharedContentState("item"),
                  this@AnimatedVisibility,
                )
                .fillMaxSize()
                .background(Color.Blue)
            )
          }
        }
      }
    }
  }
}