From ab850c80c79ce9d343af0e97bbee073b5a543431 Mon Sep 17 00:00:00 2001
From: nole2701 <nole2701@gmail.com>
Date: Thu, 9 Apr 2026 00:19:33 +0700
Subject: [PATCH 1/2] overridden restore scroll

---
 website/src/components/homepage-header.tsx | 10 +++++++++
 website/src/pages/index.page.tsx           | 25 ++++++++++++++++++++++
 2 files changed, 35 insertions(+)

diff --git a/website/src/components/homepage-header.tsx b/website/src/components/homepage-header.tsx
index e63013110..765d636b5 100644
--- a/website/src/components/homepage-header.tsx
+++ b/website/src/components/homepage-header.tsx
@@ -1,4 +1,5 @@
 import "@fontsource/philosopher/400.css"
+import React from "react" 
 import { Button } from "reakit"
 import DefaultImage from "../assets/DollieDuncan.jpg"
 import * as styles from "./homepage-header.css"
@@ -40,6 +41,15 @@ export const HomepageHeader = (props: {
             as="a"
             href={props.button_right.link}
             className={styles.actionButton}
+                        onClick={(e: React.MouseEvent) => {
+              const hash = props.button_right.link
+              if (hash.startsWith("#")) {
+                e.preventDefault()
+                document
+                  .getElementById(hash.slice(1))
+                  ?.scrollIntoView({ behavior: "smooth" })
+              }
+            }}
           >
             {props.button_right.text}
           </Button>
diff --git a/website/src/pages/index.page.tsx b/website/src/pages/index.page.tsx
index 777543353..0c867f0dc 100644
--- a/website/src/pages/index.page.tsx
+++ b/website/src/pages/index.page.tsx
@@ -20,6 +20,31 @@ import { DailpPageContents } from "./dailp.page"
 
 /** Lists all documents in our database */
 const IndexPage = () => {
+  // Block vite-plugin-ssr's scroll restoration on the homepage.
+  // The framework calls window.scrollTo to restore the previous position
+  // after render, so we temporarily intercept it to only allow scroll-to-top.
+  React.useEffect(() => {
+    const originalScrollTo = window.scrollTo
+    window.scrollTo = ((...args: unknown[]) => {
+      const isScrollToTop =
+        (args[0] === 0 && args[1] === 0) ||
+        (typeof args[0] === "object" &&
+          args[0] !== null &&
+          (args[0] as ScrollToOptions).top === 0)
+      if (isScrollToTop) {
+        originalScrollTo.call(window, 0, 0)
+      }
+    }) as typeof window.scrollTo
+    originalScrollTo.call(window, 0, 0)
+    const timer = setTimeout(() => {
+      window.scrollTo = originalScrollTo
+    }, 200)
+    return () => {
+      clearTimeout(timer)
+      window.scrollTo = originalScrollTo
+    }
+  }, [])
+
   const [{ data: dailp }] = Dailp.useEditedCollectionsQuery()
   const userRole = useUserRole()
 

From 8a2dc6a71b7c17cb623fcc8ebbc963c94ded769e Mon Sep 17 00:00:00 2001
From: nole2701 <nole2701@gmail.com>
Date: Wed, 15 Apr 2026 20:41:05 +0700
Subject: [PATCH 2/2] ran prettier

---
 website/src/components/homepage-header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/src/components/homepage-header.tsx b/website/src/components/homepage-header.tsx
index 765d636b5..847fa3ff9 100644
--- a/website/src/components/homepage-header.tsx
+++ b/website/src/components/homepage-header.tsx
@@ -1,5 +1,5 @@
 import "@fontsource/philosopher/400.css"
-import React from "react" 
+import React from "react"
 import { Button } from "reakit"
 import DefaultImage from "../assets/DollieDuncan.jpg"
 import * as styles from "./homepage-header.css"
@@ -41,7 +41,7 @@ export const HomepageHeader = (props: {
             as="a"
             href={props.button_right.link}
             className={styles.actionButton}
-                        onClick={(e: React.MouseEvent) => {
+            onClick={(e: React.MouseEvent) => {
               const hash = props.button_right.link
               if (hash.startsWith("#")) {
                 e.preventDefault()