Open Angel-Ponce opened 1 year ago
!Update I found a temporal fix to ignore this problem:
Use the following svelte directive:
{#key $page.url.pathname} <--- using the `key` directive to fix the bad behaviour with `AppShell`
<AppShell>
<Header zIndex={101} slot="header" height={60} fixed>
...
</AppShell>
{/key}
This workaround throws away the advantages of SvelteKit client-side routing, causing the layout to be re-rendered.
Yep, but it's only a work around if you need to use this feature with the router.
What package has an issue
@svelteuidev/core
A clear and concise description of what the bug is
Simple example:
In which browser(s) did the problem occur?
No response
Steps To Reproduce
page
from "$app/stores"page
:$page.route.id
inside<AppShell />
(Preffer use inside<Header />
or<Navbar />
sections)$page.route.id
will not change inDo you know how to fix the issue
No
Are you willing to participate in fixing this issue and create a pull request with the fix
No
Relevant Assets
https://github.com/svelteuidev/svelteui/assets/60164099/63a7c770-3053-4928-8b60-46feb5610bac
(Watch the behaviour of the red and green boxes when the route changes)