xevion/banner
1
0
Fork 0
mirror of https://github.com/Xevion/banner.git synced 2026-02-01 04:23:40 -06:00
Code Issues Packages Projects Releases 2 Wiki Activity

fix(web): skip view transitions for same-page navigations

Browse Source 
Prevents document-level view transitions from blocking pointer events
during query param updates (e.g. filter changes). Only use transitions
when the pathname actually changes.
This commit is contained in:
Xevion
2026-02-01 01:08:00 -06:00
parent d278498daa
commit b37604f807
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/stores/navigation.svelte.ts
+8 -2
View File
@@ -70,8 +70,14 @@ export function initNavigation() {
});
onNavigate((navigation) => {
if (!document.startViewTransition) {
// No view transitions — update path when navigation completes
// Skip document-level view transitions for same-page navigations (e.g.
// query param updates from filter changes). Document transitions apply
// visibility:hidden to the entire page, blocking all pointer interaction.
const fromPath = navigation.from?.url.pathname;
const toPath = navigation.to?.url.pathname;
const isPageChange = fromPath !== toPath;
if (!document.startViewTransition || !isPageChange) {
navigation.complete.then(() => {
navbar.path = window.location.pathname;
});