Оба компонента и тот что :leave и тот что :enter имеют position: relative; Значит пока мы скейлим их они будут стоять рядом один под другим. А style({ height: '*', width: '*' }) и overflow: hidden на обертке делают так, что анимацию исчезновения мы никогда не увидим. (Что подтверждается в демке на https://stackblitz.com/github/KyKyPy3/todo/ )
Тогда весь код, что касается leave в примере вообще не нужен, эффект тот же самый.
В триггере routeAnimation что-то у вас не так.
Оба компонента и тот что
:leaveи тот что:enterимеютposition: relative;Значит пока мы скейлим их они будут стоять рядом один под другим. Аstyle({ height: '*', width: '*' })иoverflow: hiddenна обертке делают так, что анимацию исчезновения мы никогда не увидим. (Что подтверждается в демке на https://stackblitz.com/github/KyKyPy3/todo/ )Тогда весь код, что касается leave в примере вообще не нужен, эффект тот же самый.