Tengo una pregunta sobre la transición: estoy usando transiciones de grupo para animar una lista v-for div de estilo de cuadrícula.

Cuando elimino elementos, los divs que salen vuelan mientras se desvanecen (debido a la posición absoluta requerida que asumo).

¿Hay alguna forma de mantener los elementos en su lugar mientras se desvanecen, pero también animar los otros elementos en movimiento? Eliminar la "posición: absoluta" de la clase CSS activa hace que el desvanecimiento funcione, sin embargo, eso rompe las transiciones de movimiento. Sería bueno si de alguna manera pudiera hacer que las transiciones de "mover" se activen después de que terminen las transiciones de "salir".

Aquí hay un mini proyecto que demuestra mi problema: (comenté la parte del código en cuestión en la sección de plantilla):

https://replit.com/@NyersLaszlo/Vue-Transition-Test#src/App.vue