search

vueuse / motion

🤹 Vue Composables putting your components in motion
https://motion.vueuse.org
MIT License
2.37k stars 82 forks source link

Bug with amimations for several components by key property change #208

Closed Karine91 closed 4 months ago

Karine91 commented 4 months ago

System info

codepen system

Reproduction

https://codepen.io/karinehiulumian/pen/BaeXeJY?editors=1011

Describe the bug

I'm trying to make animation on several components when the content of them changed - for this purpose I set the key property to make them mount again (for animation to happen), but the animation behaves strangely, in provided example the first two elements are invisible - so basically it shows initial state for them (opacity: 0) and enter state never happens, the third element works as expected.

Additional context

No response

Logs

No response

Karine91 commented 4 months ago

Maybe I shouldn't use the same key)