Skip to content

Animation with binded groups #5779

@vimtor

Description

@vimtor

Hi there! I was trying to replicate a classic multi-select component where the selections you make go up top. Something like this:

daa597aca528bc93503ac34a274c9d59

However, as soon as I try to add a flip animation or even make the #each block keyed, it results in the following:

df2f5cb25821ed47b414cbb9d7c38a8b

Here is REPL of the above. If you remove the animate and the key, you will see it works fine. It doesn't seem to be a problem with the animation itself since only having the key breaks it.

Since I'm new to Svelte, I'm unsure if this is the intended behavior, a bug, or even a feature request. That's why I put this on Questions and help.

Thanks! I've been loving Svelte so far ❤️

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions