IssueTracker

Jetpack Compose version: Compose 1.6.8

Jetpack Compose component used: Compose Animation

Android Studio Build:
Android Studio Koala | 2024.1.1 Patch 1
Build #AI-241.18034.62.2411.12071903, built on July 10, 2024
Runtime version: 17.0.11+0-17.0.11b1207.24-11852314 aarch64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
macOS 14.6.1
GC: G1 Young Generation, G1 Old Generation
Memory: 8192M
Cores: 12
Metal Rendering is ON
Registry:
  ide.experimental.ui=true

Kotlin version: 1.9.24

Steps to Reproduce or Code Sample to Reproduce:
In our app, we have an animated Composable that is basically a photo carousel, in which each photo scrolls horizontally from right to the left using tween(). When the horizontal scroll finishes, we load a new photo that scrolls horizontally from right to left again. When animations are reduced/removed via the Android Settings app, we disable this animation.

However, we recently discovered a bug that causes the photos to flash by when the reduced animations setting is toggled on/off, which leads to a poor user experience.

I created a small sample app here, with steps to repro the bug: https://github.com/YehEmily/BugReport

There is also a recording attached to this issue to demonstrate the bug via the sample app.

Please let me know if there's any additional information I could share to help - thank you!