fixed scrolling on full page nav

jderochervlk · jderochervlk · commit c23be9b00557 · 2025-10-07T14:24:08.000-04:00
diff --git a/app/root.res b/app/root.res
@@ -38,6 +38,7 @@ let default = () => {
     <body>
       <Navigation isOverlayOpen setOverlayOpen />
       <Outlet />
+      <ScrollRestoration />
       <Scripts />
     </body>
   </html>
diff --git a/src/bindings/ReactRouter.res b/src/bindings/ReactRouter.res
@@ -26,6 +26,11 @@ module Outlet = {
   external make: unit => React.element = "Outlet"
 }
 
+module ScrollRestoration = {
+  @module("react-router") @react.component
+  external make: unit => React.element = "ScrollRestoration"
+}
+
 module Meta = {
   @module("react-router") @react.component
   external make: unit => React.element = "Meta"
@@ -48,6 +53,7 @@ module Link = {
     ~className: string=?,
     ~target: string=?,
     ~to: Path.t,
+    ~preventScrollReset: bool=?,
   ) => React.element = "Link"
 
   module Path = {
@@ -61,6 +67,7 @@ module Link = {
       ~target: string=?,
       ~id: string=?,
       ~to: to,
+      ~preventScrollReset: bool=?,
     ) => React.element = "Link"
   }
 
@@ -72,6 +79,7 @@ module Link = {
       ~className: string=?,
       ~target: string=?,
       ~to: string,
+      ~preventScrollReset: bool=?,
     ) => React.element = "Link"
   }
 }
diff --git a/src/layouts/SidebarLayout.res b/src/layouts/SidebarLayout.res
@@ -32,6 +32,7 @@ module Toc = {
             onClick={_evt => scrollToAnchor(href)}
             to=href
             className="font-normal block text-14 text-gray-40 leading-tight hover:text-gray-80"
+            preventScrollReset=true
           >
             {//links, nested
             React.string(header)}

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@ module Toc = {`
`32`	`32`	`onClick={_evt => scrollToAnchor(href)}`
`33`	`33`	`to=href`
`34`	`34`	`className="font-normal block text-14 text-gray-40 leading-tight hover:text-gray-80"`
	`35`	`+ preventScrollReset=true`
`35`	`36`	`>`
`36`	`37`	`{//links, nested`
`37`	`38`	`React.string(header)}`