From 3f1a72ba88672659ef4bde867e52283d09b0ea3c Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 20 Mar 2026 20:23:23 +0000
Subject: [PATCH] Prevent body scroll on chat page so navbar stays fixed

The navbar uses position:sticky, so body scroll caused it to move
off-screen. Lock body overflow:hidden when ChatPage mounts, restore
on unmount.

https://claude.ai/code/session_01FQzfAs9Ye8H6tQGEkugFjN
---
 frontend/src/pages/ChatPage.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/pages/ChatPage.tsx b/frontend/src/pages/ChatPage.tsx
index 8c8a7d8..22e2d6c 100644
--- a/frontend/src/pages/ChatPage.tsx
+++ b/frontend/src/pages/ChatPage.tsx
@@ -80,6 +80,14 @@ const ChatPage: React.FC = () => {
   const typingTimeoutRef = useRef<NodeJS.Timeout | null>(null);
   const fileInputRef = useRef<HTMLInputElement>(null);
 
+  // Prevent body scroll on mobile so navbar and bottom tabs stay fixed
+  useEffect(() => {
+    document.body.style.overflow = 'hidden';
+    return () => {
+      document.body.style.overflow = '';
+    };
+  }, []);
+
   const loadMessages = useCallback(async () => {
     try {
       const res = await getMessages(mode);