Animation is clipped by the LazyColumn boundaries
Checklist
- My animation doesn't use any unsupported features. -- yes
- I know what part of my animation doesn't work. -- yes, the whole animation have broken
- I have created a simplified version of my animation -- no, but I have another animation and it works correct
- I have attached the AEP file (as a zip file so it can be attached) that only has the part of the animation that doesn't work. -- no, I only have the animation json itself
Describe the bug I have an favorites_comedy_40x40.json animation in Compose LazyColumn item with offset beyond the LazyColumn boundaries. The animation gets cut off when I start playing it - watch video https://github.com/user-attachments/assets/d92c5612-a287-43bd-b5d5-c5bf09b2529c. It clipped only in @Compose fun LottieAnimation, when I use AndroidView with LottieAnimationView it works correct and does not clipped. You can repeat this behavior in my android project https://github.com/s3r6anita/lottie_rendering_problem. I suspect the problem might be the Alpha Inverted Matte in animation
What version of Lottie did you test this on? 6.4.0, 6.6.7, 6.7.1
What version of Android did you test this on? API 37.1 (Android 17)
Steps To Reproduce Steps to reproduce the behavior:
- Put LottieAnimation (with clipToCompositionBounds = false or true, it does not matter) in LazyColumn and offset it beyond the LazyColumn boundaries
- Click on Animation
- See animation clipping by LazyColumn boundaries you can test it in my repository https://github.com/s3r6anita/lottie_rendering_problem
Screenshots
show layout bounds is ON
Source: airbnb/lottie-android