devsyncwrld/backspace
1
0
Fork 0
Code Issues Pull Requests Actions 23 Packages Projects Releases 1 Wiki Activity

fix: restore mobile chat scrolling by fixing height constraint chain

Browse Source 
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.
This commit is contained in:
Jannis Braun
2026-03-23 14:14:18 +01:00
parent 58f6fb1baa
commit d8c5e7ff16
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/layout/MobileChatScreen.tsx
+1 -1
View File
@@ -74,7 +74,7 @@ export function MobileChatScreen({ params }: MobileChatScreenProps) {
</header> </header>
{/* Messages */} {/* Messages */}
<div className="flex-1 overflow-hidden"> <div className="flex-1 overflow-hidden min-h-0">
{channelId && <MessageList channelId={channelId} />} {channelId && <MessageList channelId={channelId} />}
</div> </div>
packages/web/src/components/layout/MobileScreenStack.tsx
+1 -1
View File
@@ -63,7 +63,7 @@ export function MobileScreenStack({ rootScreen, screenMap }: MobileScreenStackPr
if (!renderer) return null; if (!renderer) return null;
let style: React.CSSProperties = {}; 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') { if (isTop && transitioning === 'push') {
// Initial position: off-screen right // Initial position: off-screen right