strange crossfade behavior on fast update

[knobo]

If you click three-four times "fast" on the "ToggleMe" link you get strange behavior. Fast means before the animation is done.

The origin and destination of the animation is not the list anymore, but the upper left corner close to the button.

https://svelte.dev/repl/60da5412b4f94920ac5d3ef48a540a5d?version=3.8.0
[edit: removed some non-relevant code from the example]

[knobo]

Another example of strange crossfade behavior.
I have two groups of lists. One under the

---

and one above.
The elements seems to flow from the list from under the line, to the list above the line.
They should not cross the line.

So it looks like the crossfade function does not return a unique send/receive pair for each component.

What's even stranger, is that the keys are not the same.

https://svelte.dev/repl/30b4891e3a8d4d39bd4832e50dfdcc87?version=3.8.0

Edit: Maybe crossfade is not possible between components?

[stale]

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.

[dummdidumm]

The first works correctly when I remove animation:flip

[knobo]

The flip thing is taken from this example: https://svelte.dev/examples/animate
These two animation directives are stepping on each others toes.

[Conduitry]

This appears to be fixed in Svelte 5.