sveltejs / svelte

Cybernetically enhanced web apps
https://svelte.dev
MIT License
77.68k stars 4.05k forks source link

Changing list with flip and scale animations causes overlap #5996

Open lights0123 opened 3 years ago

lights0123 commented 3 years ago

Describe the bug

When changing a list in a particular way, items with both flip animations and scale transitions position on top of each other: Screenshot_2021-02-16 Svelte REPL

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: Screenshot_2021-02-16 Svelte REPL(1)

Information about your Svelte project

Severity

Not too high if I manually decrease the animation duration to the point where a human can't click that fast.

stale[bot] commented 3 years ago

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.

lights0123 commented 3 years ago

This behavior continues on 3.38.3.

stale[bot] commented 2 years ago

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.

null-dev commented 1 year ago

This bug is still present. It's also a dupe of https://github.com/sveltejs/svelte/issues/4910