Transitions block page navigation

[benmccann]

Describe the problem

Transitions can block page navigation if |local is not set (sveltejs/kit#628)

Describe the proposed solution

Consider whether to make |local the default for transitions

Alternatives considered

I couldn't think of another solution

Importance

would make my life easier

[antony]

Transitions and navigation have always been a pain. Nobody wants to see two pages at once, piled on top of eachother, whilst waiting for a transition to finish - it's unexpected. To my mind:

• local should be the default, absolutely.
• navigation should wait for a transition to complete - this is only acceptable if |local is the default

If we made the above change, page transitions in SvelteKit would be as seamless and easy as transitions in Svelte are generally.

[umwwwelt]

About that, we had a little conversation in discord with Brady Fractal and navigation is not only the use case which transitions are painful.

I'm using svelte:self to create a recursive dropdown for a menu. And I use the slide transition which is great. Only I can't use |local by default since it's the parent component that will impact on the child in its "expanded" state. However, I don't want the transition to happen when changing the page (navigation).

Today there is only |local; but there are many cases where a more nuanced control of whether this transition should be triggered or not would be useful.

Would this granularity be possible one day, according to Svelte's design ?

[stalkerg]

I totally agree with @7antra based on my experience the "navigation" it's not equal to page changes.
If we introduce |local by default we should add |global option as well. :)
Also, looks like this is important mostly for SvelteKit users, but we still have many SPA without Kit.

[umwwwelt]

it seems related to "conditional transition"

• Allow directives (actions/transitions/animations) to be more dynamic #6942
• Apply transition modifier local conditionally #7157
• Support optional transitions #7352

[benmccann]

|local will be the default in v4