From 237575050ef8f73263dacf071bc95218fb348556 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Mon, 29 Sep 2025 07:29:33 +0000
Subject: [PATCH] Fix: Resolve mobile scrolling issue in chat view

This commit addresses a scrolling problem on mobile devices where the chat message area would not scroll, preventing users from seeing the latest messages.

The root cause was the use of `overflow: hidden` on the `body` element in combination with a flexbox layout for the mobile view. This prevented the chat message container from expanding and scrolling as intended.

The fix involves two CSS changes:
1.  Removed `overflow: hidden` from the `body` style in `app/globals.css`.
2.  Added `min-height: 0` to the `.mobile-chat-messages-area` style. This allows the flex item to shrink correctly within the flex container, enabling `overflow-y: auto` to function properly.
---
 app/globals.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/globals.css b/app/globals.css
index 4005365b..fd4bcddd 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -76,7 +76,6 @@
     margin: 0;
     padding: 0;
     height: 100vh;
-    overflow: hidden;
   }
 }
 
@@ -158,6 +157,7 @@
     background-color: hsl(var(--card));
     color: hsl(var(--card-foreground));
     box-sizing: border-box;
+    min-height: 0;
   }
 
   .mobile-chat-input-area {