From 5880eae4e467eeb749b18b71d841c6adcc7ce7fe Mon Sep 17 00:00:00 2001
From: Mike Cao <moocao@gmail.com>
Date: Thu, 29 Jan 2026 00:34:47 -0800
Subject: [PATCH] Fix NavMenu scrolling on mobile

- Add overflowY="auto" and flexGrow to menu container
- Menu now scrolls when content exceeds viewport height

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/app/share/[slug]/[[...path]]/ShareNav.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/share/[slug]/[[...path]]/ShareNav.tsx b/src/app/share/[slug]/[[...path]]/ShareNav.tsx
index c17b5814..f4eade5e 100644
--- a/src/app/share/[slug]/[[...path]]/ShareNav.tsx
+++ b/src/app/share/[slug]/[[...path]]/ShareNav.tsx
@@ -169,7 +169,7 @@ export function ShareNav({
         </Button>
       </Row>
       {!collapsed && (
-        <Column>
+        <Column flexGrow={1} overflowY="auto">
           <SideMenu
             items={items}
             selectedKey={selectedKey}
@@ -178,7 +178,11 @@ export function ShareNav({
           />
         </Column>
       )}
-      <Column flexGrow={1} justifyContent="flex-end" alignItems={collapsed ? 'center' : undefined}>
+      <Column
+        flexGrow={collapsed ? 1 : undefined}
+        justifyContent="flex-end"
+        alignItems={collapsed ? 'center' : undefined}
+      >
         {collapsed ? (
           <Column gap="2" alignItems="center">
             <ThemeButton />