Transition-group idea for single-item replacements

[JimmyF4]

Hello,

I see that it's impossible to add an "in-out" mode on "transition-group" (https://v2.vuejs.org/v2/guide/transitions#List-Transitions). Would you have any ideas or a solution for having an animation similar to "in-out" in the case of an item replacement?

I've reproduced the case I'd like to animate exactly, just click on "REPLACE BY NEW".

The problem is that when you replace an item, the animation isn't very good: you see two items playing the animation at the same time.

Code: https://jsfiddle.net/a85o67r9/

Animation when adding (good):

Animation when removing (good):

Animation when replacing (NOT good):

Thanks.