Fine grained control on page navigation behavior with deferred transitions?

[m1212e]

I'm trying to implement a smooth transition of a component between page navigations.
On page A I have a searchbar centered on the screen, in between some other things.
On page B, there is no searchbar component.

In a layout which applies to both A & B I display the searchbar whenever A is not the current page. So when I add C & D the searchbar is still visible, since it lives in the layout.

Now I would like to animate the searchbar to the top whenever A is left for another page. So I added a crossfade transition in a helper ts file which both, A and the layout import and use for the searchbar component.
This works so far. But when I navigate away, sveltekit waits with the navigation until the transition has finished. So what happens is:

1. Searchbar starts moving to the new position in the layout
2. Searchbar is done moving
3. Old content disappears
4. New page is shown

but what I'd like to happen is:

1. Searchbar starts moving to the new position in the layout
2. Old content disappears
3. New page is shown
4. Searchbar is done moving

Or in simple words: I would like the navigation to not wait for the transitions to finish. When applying the |local modifier the transition is not done at all. But I want it to run, just not to block the whole page navigation.
Is there a way to achieve this?