Skip to content

Crossfade without |local directive inside component prevents unmounting #8606

@TGlide

Description

@TGlide

Describe the bug

This is a hard bug to describe. I ran into a very specific scenario where having a crossfade animation inside a component would prevent it from unmounting.

Reproduction

https://github.com/TGlide/crossfade-bug-svelte-repro

Logs

No response

System Info

System:
    OS: Linux 5.10 Ubuntu 20.04.4 LTS (Focal Fossa)
    CPU: (12) x64 11th Gen Intel(R) Core(TM) i5-11400F @ 2.60GHz
    Memory: 17.21 GB / 24.97 GB
    Container: Yes
    Shell: 5.8 - /usr/bin/zsh
  Binaries:
    Node: 16.16.0 - ~/.nvm/versions/node/v16.16.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v16.16.0/bin/yarn
    npm: 8.11.0 - ~/.nvm/versions/node/v16.16.0/bin/npm
  npmPackages:
    svelte: ^3.54.0 => 3.54.0

(This is on WSL, I'm running Windows 10 x64. The bug was found to occur both in Firefox 113.0.1 and Chrome)

Severity

annoyance

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions