Svelte: выходной переход в флип-анимации в макете сетки улетает из верхнего левого положения вместо позиции элемента - PullRequest
0 голосов
/ 25 апреля 2020

Имейте простую настройку grid layout в Svelte, которая отображает список элементов. Кнопка переключения удаляет один элемент из списка, а все остальные элементы перестраиваются соответствующим образом в анимированном виде из-за анимации flip. Однако, если я добавляю переходы, in работает отлично, а out не делает то, что я хочу. Например, исчезают ...

Вот ответ: https://svelte.dev/repl/49b3731e93704af78df857b2aa1f0c71?version=3.21.0

Примечание: Когда 5 удален, он не исчезает, он летит из диагонали 1 в положение 5.

Есть идеи, что я делаю не так?

1 Ответ

1 голос
/ 26 апреля 2020

Попробуйте удалить transition: all 1s;. Я думаю, что это портит внутреннюю анимацию Svelte.

...