-
-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Bug of local transition with keyed clause #5950
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. |
Also having this issue: https://svelte.dev/repl/33f123d7c2c24b37b8fc580219de1ead?version=3.38.3 |
Having this issue as well: https://svelte.dev/repl/c5b0e5731caf4531bfb024f828a6c344?version=3.38.3 |
I'm facing this same issue (also in trying to create a carousel). It seems to me that the |
My test case https://svelte.dev/repl/9ade56926d33497980edd41af6597c70?version=3.44.2 {#each [key] as k(k)}
your code
{/each} instead of |
|
When adding `|local` to a transition inside a {#key} block, only the outro was triggered not the intro. This PR fixes sveltejs#5950
When adding `|local` to a transition inside a {#key} block, only the outro was triggered not the intro. This PR fixes sveltejs#5950
When adding `|local` to a transition inside a {#key} block, only the outro was triggered not the intro. This PR fixes sveltejs#5950
* fix: Local transitions from #key blocks When adding `|local` to a transition inside a {#key} block, only the outro was triggered not the intro. This PR fixes #5950 * add test case Co-authored-by: tanhauhau <[email protected]>
This should be fixed in 3.48.0 - https://svelte.dev/repl/f20a688175914fb2a0f5ff45a75360b5?version=3.48.0 |
Is this about svelte@next? This project is currently in a pre-release stage and breaking changes may occur at any time. Please do not post any kind of bug reports or questions on GitHub about it.
No
Describe the bug
When using the
{#key }
clause, the local transitions do not work well.To Reproduce
https://svelte.dev/repl/f20a688175914fb2a0f5ff45a75360b5?version=3.32.1
Expected behavior
In the provided REPL, the expected behavior is for the items to enter and exit in a smooth manner, with or without local modifier. It only happens with the keyed clause, and works well with an
{#each }
clause: https://svelte.dev/repl/b0c3bafb93a6463d81e846d30f80f5ba?version=3.32.1Information about your Svelte project:
The REPL uses Svelte 3.32.1. Reproduced on Safari 14.0.2 and Chrome 88 on OSX 11.1
Severity
It prevents me from using local transitions in an image carousel: https://strollyn.com/explore . I'd like the transition not to run when mounting or changing page.
Some workarounds are possible (using scroll for the carrousel maybe), but the severity is not that large
The text was updated successfully, but these errors were encountered: