Scroll to top on SPA link navigation

osgeo-oceania · Oct 16, 2024 · 49d5aa5 · 49d5aa5
1 parent 8d823c5
commit 49d5aa5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/Link.tsx b/src/components/Link.tsx
@@ -12,6 +12,12 @@ const Link: React.FC<LinkProps> = ({ children, href, className }) => {
       className={"text-blue-500 underline " + (className ?? "")}
       href={href}
       target={!href?.startsWith("/#") ? "_blank" : undefined}
+      onClick={() => {
+        // Scroll to top on SPA navigation
+        if (href?.startsWith("/#/")) {
+          window.scrollTo(0, 0);
+        }
+      }}
       rel="noreferrer"
     >
       {children}