Mission

Mission : une liste de tâches qui saute au lieu de glisser

Diagnostiquer une TransitionGroup mal configurée qui casse l'animation de réordonnancement, puis la corriger complètement.

Contexte

La liste de tâches de cette leçon anime correctement l'ajout et la suppression d'une tâche, mais un développeur a retiré par erreur la règle CSS .liste-move en pensant qu'elle était inutile, et a aussi oublié position: absolute sur .liste-leave-active. Résultat : cliquer sur "Mélanger" fait sauter instantanément toutes les tâches à leur nouvelle position, et supprimer une tâche au milieu de la liste fait "sauter" brutalement les tâches suivantes vers le haut au lieu de glisser.