Size: a a a

2020 December 13

MG

Mike Golod in Svelte [svelt]
Марк Танащук
У меня периодически анимации свелта не завершаются, если их сбить, например если нода с in:fly анимацией лежит в if и в какой-то момент резко сделать условие false и позже true, то в стилях этого тега я вижу вот что:

animation: 400ms linear 0ms 1 normal both running __svelte_2441181026_0;
вот это я удачно зашел, у меня похоже такая же проблема, только связана она не с if, а с <svelte:component />. Если быстро меняется компонент в this то такая же фигня происходит, сегнеренный предыдущим анимированным копонентом дом не пропадает из разметки.
источник

A

Arushwl in Svelte [svelt]
Не успевает классы менять чтоли?
источник

МТ

Марк Танащук... in Svelte [svelt]
Arushwl
Не успевает классы менять чтоли?
-
источник

A

Arushwl in Svelte [svelt]
Можно на тик повесить переключатель попробовать
источник

A

Arushwl in Svelte [svelt]
+ есть лайфсайкл самого транзишн
источник

МТ

Марк Танащук... in Svelte [svelt]
Свелт генерирует keyframes с анимацией и по удалению/появлению ноды добавляет ей animation с айди keyframes'а

По окончанию анимации он благополучно удаляет animation. Но если до окончания анимации в какой-то момент отработает if(например), то код который удаляет animation с айдишкой keyframes'а не отработает и незаконченная анимация останется висеть на ноде
источник

MG

Mike Golod in Svelte [svelt]
tick пробовал, хотел наиграть пример в репле, пока не успел
источник

МТ

Марк Танащук... in Svelte [svelt]
Так как это out:fade, то на ноде будет продолжать висеть часть keyframes где opacity +- равно нулю(та, на которой эта нода была удалена из DOM)
источник

MG

Mike Golod in Svelte [svelt]
оно не +-, оно точно ноль :)
источник

МТ

Марк Танащук... in Svelte [svelt]
Mike Golod
оно не +-, оно точно ноль :)
Неа
источник

MG

Mike Golod in Svelte [svelt]
а поскольку у меня это оверлей с формой входа в приложеньку, то оно висит "поверх" всего интерфейса :)
источник

MG

Mike Golod in Svelte [svelt]
в итоге я пока что убрал оверлею анимашку
источник

MG

Mike Golod in Svelte [svelt]
Марк Танащук
Неа
ок, тебе лучше знать :)
источник

МТ

Марк Танащук... in Svelte [svelt]
Mike Golod
ок, тебе лучше знать :)
-0.00187312731
источник

MG

Mike Golod in Svelte [svelt]
Mark пошел смотреть про gsap
источник

A

Arushwl in Svelte [svelt]
Репл бы глянуть канеш...
источник

MG

Mike Golod in Svelte [svelt]
Как вы считаете, это вообще баг или фича?
источник

МТ

Марк Танащук... in Svelte [svelt]
Arushwl
Репл бы глянуть канеш...
Как время появится создам
источник

A

Arushwl in Svelte [svelt]
Ишак чтоли...
источник

A

Arushwl in Svelte [svelt]
Mike Golod
Как вы считаете, это вообще баг или фича?
Не встречал такого
источник