Bug with amimations for several components by key property change

[Karine91]

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]

Maybe I shouldn't use the same key)