компонент всплывал по отдельности после появления предыдущего?
{#each items as item (item.id)}
<Bubble {item.config}/>
{/each}
пробовал в самом компопненте прописывать, пробовал в самом each див с fly обернуть компонент, не получается :)
Можно отловить transitionend ивент на элементе, убрать у него класс анимации и навешать класс следующему
Передавать компонентам задержку?.. В цикле рассчитывать задержку в зависимости от индекса цикла. Самое первое и простое, что пришло на ум
тоже так хотел, но думал, может, есть какой-то встренный в svelte способо
Браузер может заморозить transition, и всё сломается Но это при выходе с окна или вкладки только
печально, понял, спасибо
Не спорю. Если нужны гарантии, то мой способ не годится. Но нужны ли те гарантии?..
Хороший вопрос) Обычно не так критично
проще жить с гарантиями из чата, чем без них :)
Один из вариантов это добавлять элементы в массив с нужной задержкой: https://svelte.dev/repl/690e437612564a81ac3e562b1f24b4ec?version=4.2.0
это и есть встроенный. возможно у вас не получалось потому, что транзишыны теперь по дефолту локальные и, говоря упрощённо, срабатывают при изменении массива, а не при выводе родительского компонента. попробуйте добавить им |global
Обсуждают сегодня