From d8c5e7ff16a8794d5a3790b7f91e2781f2ee3e23 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Mon, 23 Mar 2026 14:14:18 +0100
Subject: [PATCH] fix: restore mobile chat scrolling by fixing height
 constraint chain

Add overflow-hidden to MobileScreenStack stacked screen wrapper to
establish block formatting context. Add min-h-0 to MobileChatScreen
messages wrapper to override flex min-height: auto default.
---
 packages/web/src/components/layout/MobileChatScreen.tsx  | 2 +-
 packages/web/src/components/layout/MobileScreenStack.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/components/layout/MobileChatScreen.tsx b/packages/web/src/components/layout/MobileChatScreen.tsx
index 12d4057a..49e705f2 100644
--- a/packages/web/src/components/layout/MobileChatScreen.tsx
+++ b/packages/web/src/components/layout/MobileChatScreen.tsx
@@ -74,7 +74,7 @@ export function MobileChatScreen({ params }: MobileChatScreenProps) {
       </header>
 
       {/* Messages */}
-      <div className="flex-1 overflow-hidden">
+      <div className="flex-1 overflow-hidden min-h-0">
         {channelId && <MessageList channelId={channelId} />}
       </div>
 
diff --git a/packages/web/src/components/layout/MobileScreenStack.tsx b/packages/web/src/components/layout/MobileScreenStack.tsx
index 0f0de678..3b08d788 100644
--- a/packages/web/src/components/layout/MobileScreenStack.tsx
+++ b/packages/web/src/components/layout/MobileScreenStack.tsx
@@ -63,7 +63,7 @@ export function MobileScreenStack({ rootScreen, screenMap }: MobileScreenStackPr
         if (!renderer) return null;
 
         let style: React.CSSProperties = {};
-        let className = 'absolute inset-0 bg-surface-base z-10 flex flex-col';
+        let className = 'absolute inset-0 bg-surface-base z-10 flex flex-col overflow-hidden';
 
         if (isTop && transitioning === 'push') {
           // Initial position: off-screen right