svelte 4.0.1 transition, is it a bug?

[easyfrog]

Describe the bug

{#if outter_condition}
     {#if inner_condition}
     <div transition:fly={{y: 100}}>Hello world</div>
     {/if}
{/if}

If the inner_condition change to true before the outter_condition. The transition will not working.

Reproduction

https://svelte.dev/repl/31d1a635d66143888a620a7705b2fbf8?version=4.0.1

Logs

No response

System Info

System:
    OS: macOS 13.4.1
    CPU: (4) x64 Intel(R) Core(TM) i5-7267U CPU @ 3.10GHz
    Memory: 49.99 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.9.1 - /usr/local/bin/node
    npm: 8.19.1 - /usr/local/bin/npm
  Browsers:
    Chrome: 114.0.5735.198
    Firefox: 106.0.5
    Safari: 16.5.1

Severity

annoyance

[gtm-nayan]

Transitions were changed to be local by default in Svelte 4. So mounting/unmounting the outer block will not cause the transition to play on the inner block.

[gtm-nayan]

You can add |global to the transition to revert to the old behaviour. There's another issue open for tracking making it more granular #8850, I'll close this one.

[easyfrog]

You can add |global to the transition to revert to the old behaviour. There's another issue open for tracking making it more granular #8850, I'll close this one.

Thanks. it works now.

But what does |local |global exactly means? Not found any info in the online documents. I develop SPA without kit.

[Conduitry]

https://learn.svelte.dev/tutorial/global-transitions

https://svelte.dev/docs/element-directives#transition-fn