regression: transitions not playing on route change if element inside {#if} or {#each} block

[kinglouie]

Describe the bug

In my svelte application i have some pages with fetched data that is displayed in an {#each} block. Each fetched element has a fade in and out transition. When navigating to/from the page, the transitions should play, but they don't.

This worked fine on my last project running:
svelte: 3.55.0
kit: 1.0.0-next.589

On a brand new project this does not work anymore so there seems to be a regression, also found this issue that may be related

Reproduction

https://codesandbox.io/p/sandbox/crazy-roentgen-qlksjz

To see the issue, click on the test menu item, both text paragraphs on that page should play the in/out transitions, but only one does.

Logs

No response

System Info

System:
    OS: macOS 14.0
    CPU: (10) arm64 Apple M2 Pro
    Memory: 277.20 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.7.0 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 10.1.0 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 117.0.5938.132
    Safari: 17.0
  npmPackages:
    @sveltejs/adapter-node: ^1.3.1 => 1.3.1 
    @sveltejs/kit: ^1.27.4 => 1.27.6 
    svelte: ^4.0.5 => 4.2.5 
    vite: ^4.4.2 => 4.5.0

Severity

blocking an upgrade

Additional Information

No response

[Conduitry]

This sounds like the breaking change between Svelte 3 and Svelte 4 where transitions switched from being global by default to being local by default. (sveltejs/svelte#8632 - https://github.com/sveltejs/svelte/blob/main/packages/svelte/CHANGELOG-pre-5.md#major-changes) You can get the old behavior by marking the transition as |global - https://learn.svelte.dev/tutorial/global-transitions

[kinglouie]

Ahh I missed that one while searching the changelogs for this issue, thanks a lot for solving my issue! :)