diff --git a/packages/client/src/nirax.ts b/packages/client/src/nirax.ts index 19c4464ea..cd29ae87a 100644 --- a/packages/client/src/nirax.ts +++ b/packages/client/src/nirax.ts @@ -61,6 +61,7 @@ export class Router extends EventEmitter<{ props: Map | null; key: string; }) => void; + same: () => void; }> { private routes: RouteDef[]; private currentPath: string; @@ -210,11 +211,15 @@ export class Router extends EventEmitter<{ } public push(path: string) { + const beforePath = this.currentPath; + if (path === beforePath) { + this.emit('same'); + return; + } if (this.navHook) { const cancel = this.navHook(path); if (cancel) return; } - const beforePath = this.currentPath; this.navigate(path, null); this.emit('push', { beforePath, diff --git a/packages/client/src/router.ts b/packages/client/src/router.ts index b3baad188..2ff41e972 100644 --- a/packages/client/src/router.ts +++ b/packages/client/src/router.ts @@ -258,6 +258,10 @@ mainRouter.addListener('push', ctx => { } }); +mainRouter.addListener('same', () => { + window.scroll({ top: 0, behavior: 'smooth' }); +}); + window.addEventListener('popstate', (event) => { mainRouter.change(location.pathname + location.search + location.hash, event.state?.key); const scrollPos = scrollPosStore.get(event.state?.key) ?? 0;