Как сделать плавную анимацию двух элементов? ⇐ CSS

[Гость]

Я хотел сделать так, чтобы при нажатии кнопки .add-todo форма ввода (.new-todo) тоже анимировалась, но для некоторых причина, по которой кажется, что только форма .new-todo имеет анимацию, а когда появляется форма ввода, кнопка резко опускается вниз, и мне нужно, чтобы она опускалась плавно, например форма ввода

Заранее спасибо

видео об этой проблеме

... пусть isAddingTodo = ref(false) ... .fade-enter-активный, .fade-leave-active { переход: все 0,5 секунды легкости; } .fade-enter-from, .fade-leave-to { непрозрачность: 0; преобразование: TranslateY (-69 пикселей); } Я ожидал, что кнопка тоже плавно опустится вниз, но почему-то при появлении формы она опускается резко