-
-
Notifications
You must be signed in to change notification settings - Fork 4.5k
Changing list with flip and scale animations causes overlap #5996
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
Comments
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. |
This behavior continues on 3.38.3. |
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. |
This bug is still present. It's also a dupe of #4910 |
Fixed in Svelte 5 |
Describe the bug
When changing a list in a particular way, items with both

flip
animations andscale
transitions position on top of each other:To Reproduce
https://svelte.dev/repl/14baa8146a5e40778644b64d6c00a1e6?version=3.32.3
Expected behavior
The elements are positioned next to each other, like what happens when the delay on line 7 is increased to 300ms:

Information about your Svelte project
Firefox 85.0.2, Chrome 88.0.4324.150, WebKitGTK 2.30.5
Your operating system: Arch Linux
Svelte version: 3.32.1, 3.32.3
Whether your project uses Webpack or Rollup: Vite (Rollup), but occurs in REPL too
Severity
Not too high if I manually decrease the animation duration to the point where a human can't click that fast.
The text was updated successfully, but these errors were encountered: