Skip to content

Conversation

@ibetitsmike
Copy link
Contributor

@ibetitsmike ibetitsmike commented Jan 17, 2026

On iOS Safari, focusing the chat textarea can trigger a document scroll to keep the input visible when the flex layout can't shrink (common when min-height: auto prevents overflow children from compressing).

This change makes the mobile workspace layout reliably shrink (instead of scrolling the page) by:

  • avoiding 100vh sizing (h-screen) in the top-level containers (inherit #root's 100dvh instead)
  • adding min-h-0 to key flex containers (App, WorkspaceShell, ChatPane) so the message scroller can contract when the keyboard opens

Result: the header stays at the top while the keyboard is open, and the transcript area shrinks as expected.

Validation:

  • make static-check

Generated with mux • Model: openai:gpt-5.2 • Thinking: xhigh • Cost: $N/A

@github-actions github-actions bot added community issue from community member enhancement New feature or functionality labels Jan 17, 2026
@ibetitsmike ibetitsmike force-pushed the mike/mobile-header-sticky branch 2 times, most recently from 01576aa to 39ec8ce Compare January 19, 2026 11:10
@ibetitsmike ibetitsmike force-pushed the mike/mobile-header-sticky branch from 935a15b to c68f943 Compare January 20, 2026 00:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

community issue from community member enhancement New feature or functionality

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant