Svelte 4/Svelte 5: Illegal Invocation: Transition

[MannyKSoSo]

Describe the bug

There appears to be an issue when using transitions, async components, css animations, and stores in combination. So, for example, if a user (in this case me) happens to load a component dynamically (I use the svelte-spa-router in my app personally), then when a user finally is ready for a query then click the button which triggers the query, starts a loading animation for the button, and finally closes the overlay. The issue is that doing the overlay dynamically loading content and the combination of closing it causes a "TypeError: Illegal Invocation" and freezes the page (on my app, which I cannot share, doesn't show the Illegal Invocation error).

Let me know if more details are needed.

Reproduction

Please see the REPL Svelte v4
Please see the REPL Svelte v5

Logs

No response

System Info

None available. Done through REPL.

Severity

annoyance

[dummdidumm]

Your reproduction contains a bug: Inside Button.svelte you're invoking the close method, but you don't have any such method defined, which means you instead invoke the window.close function, which in turn throws the Illegal Invocation error. I suspect something similar happens in your real app, therefore closing.