Йо, ребят.
Вопрос к гуру анимаций. Как заставить кроссфейд не применяться при аут-анимации, если у анимации нет ресивера (то есть срабатывает фоллбэк)? Вот репл.
https://svelte.dev/repl/7e76a6e242f44ce08cabd426a582a538?version=3.29.4Небольшая подводка.
Как известно, кроссфейд можно реализовать только на
absolute
-элементах. Абсолюты вынимаются из флоу, поэтому если у тебя этот элемент находится внутри какого-то контейнера с видимыми бордерами, или с последующими ниже элементами, и тебе нужно, чтобы высота всё же сохранялась, надо что-то придумывать.
Я сделал мини-компонент, который создаёт враппер, которому программно через tweened устанавливается высота абсолютного элемента. В итоге мы получаем абсолютный элемент, который визуально в доме ведёт себя как статический, но меняет стейт через кроссфейд.
Только вот трабла возникла с тем, чтоб выключить фоллбэчную in и out анимацию. В репле это происходит при нажатии на show wrapper.