Svelte 5 : `animate:flip` elements mispositioned after rapid state toggling

[mquandalle]

Describe the bug

When using the animate:flip directive in Svelte 5, rapidly toggling the state causes elements to arrive at incorrect positions after the animation.

Reproduction

REPL (need to refresh the REPL if the bug is not visible on first try)

After clicking on the button:

Logs

No response

System Info

System:
    OS: macOS 14.3.1
    CPU: (8) arm64 Apple M2
    Memory: 73.67 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.10.0 - ~/.nvm/versions/node/v20.10.0/bin/node
    npm: 10.2.3 - ~/.nvm/versions/node/v20.10.0/bin/npm
    bun: 1.1.18 - ~/.bun/bin/bun
  Browsers:
    Brave Browser: 114.1.52.126
    Chrome: 128.0.6613.120
    Safari: 17.3.1
  npmPackages:
    svelte: ^5.0.0-next.244 => 5.0.0-next.244

Severity

annoyance

[Prinzhorn]

Likely another duplicate of #6562 @dummdidumm

[mquandalle]

This seems fixed