Skip to content

Svelte 5: Animation flip only works correctly in conjunction with crossfade #9655

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Thiagolino8 opened this issue Nov 26, 2023 · 4 comments
Closed

Comments

@Thiagolino8
Copy link

Describe the bug

The flip transition breaks a list if used alone, does not work if used with a transition, and only works correctly if used in conjunction with the crossfade transition

Reproduction

repl

Logs

No response

System Info

App.svelte (Svelte v5.0.0-next.13)

Severity

blocking an upgrade

@jsorb84
Copy link

jsorb84 commented Dec 1, 2023

I've been having issues with animation as well, while using it in an {#each ...} block the item indexes keep getting mixed up, everything seems fine in my console logs no issues there just when using each and lodash's sortBy function to sort my array in turn animating the movement of the sorted list.

@jtlonsako
Copy link

Can confirm, I wrote some minified code that used flip animations and tested it with both svelte 4 and svelte 5. Animation works fine in 4 and doesn't work in 5.

@jsorb84
Copy link

jsorb84 commented Dec 4, 2023

Thank you for the info

@joshualonsakoavnet
Copy link

NICE! Look forward to getting back into animations!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants