Skip to content

Svelte 5: in & out transitions don't seem to run together #11361

@rudiv

Description

@rudiv

Describe the bug

Demonstrated with a "Rolling Text" REPL from Svelte 4.

In Svelte 4, this works as expected with the text fading in and out at the same time. In Svelte 5, the fade out does not appear to happen until later.

Also, if you switch tabs from the Svelte 5 version, it queues up lots of instances of the transition rather than just the next possible option. Svelte 4 does not exhibit this behaviour.

Reproduction

Svelte 4 (Correct)
Svelte 5 (Incorrect)

With more obvious styling:
Svelte 4
Svelte 5

Logs

No response

System Info

System:
    OS: macOS 14.4.1
    CPU: (20) arm64 Apple M1 Ultra
    Memory: 5.31 GB / 128.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.10.0 - /usr/local/bin/node
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.15.4 - /usr/local/bin/pnpm
  Browsers:
    Safari: 17.4.1
  npmPackages:
    svelte: ^5.0.0-next.115 => 5.0.0-next.115

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