Skip to content

fix(web): keep mobile views scrollable and new-session actions reachable#364

Merged
tiann merged 1 commit intotiann:mainfrom
Sun-sunshine06:pr/web-mobile-scroll
Mar 26, 2026
Merged

fix(web): keep mobile views scrollable and new-session actions reachable#364
tiann merged 1 commit intotiann:mainfrom
Sun-sunshine06:pr/web-mobile-scroll

Conversation

@Sun-sunshine06
Copy link
Contributor

Summary

Fix several mobile scrolling/layout issues so nested views stay scrollable and the new-session create actions remain reachable on small screens.

Why

On mobile browsers, some flex layouts could lose their scrollable area because intermediate containers were missing min-h-0.
The new-session page could also become hard to complete when bottom floating UI reduced the visible area.

Changes

  • add min-h-0 to nested flex containers that host scroll regions
  • keep file/settings/terminal/chat-related mobile views scrollable
  • reserve bottom space on the new-session page when the floating install prompt is visible
  • add extra safe-area padding to the new-session action row
  • let agent options wrap on narrow screens

Notes

  • this PR intentionally does not include the service worker auto-refresh changes
  • this PR is focused on layout/scroll behavior only

Testing

  • bun typecheck
  • bun run build:web
  • manually verified on mobile:
    • session/file/settings/terminal views can scroll
    • new-session page can reach the create button

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Findings

  • None.

Summary

  • Review mode: initial. No issues found in diff. Residual risk: mobile layout regressions not covered by automated tests; PR manual checks not independently verified.

Testing

  • Not run (automation).

HAPI Bot

@tiann tiann merged commit 2b133fe into tiann:main Mar 26, 2026
2 checks passed
Hwwwww-dev pushed a commit to Hwwwww-dev/hapi that referenced this pull request Mar 26, 2026
Hwwwww-dev added a commit to Hwwwww-dev/hapi that referenced this pull request Mar 26, 2026
Cherry-picked 15 upstream commits (post v0.16.3):
- fix(terminal): prevent infinite reconnect loop on Windows hosts (tiann#336)
- fix(cli): fix process exit handling deadlock in Claude SDK (tiann#343)
- fix(claude): handle async background task notifications in remote mode (tiann#354)
- fix(cli): filter invisible system messages in local mode (tiann#351)
- fix(cli): filter isMeta and isCompactSummary messages (tiann#359)
- fix(cli): prevent system-injected messages as user role (tiann#361)
- fix(hub): pass resumeSessionId when resuming session (tiann#337)
- fix(cli): treat any exit code as expected when abort requested (tiann#347)
- fix: Codex default approval policy for remote sessions (tiann#328)
- fix(hub): handle Telegram bot polling errors (tiann#350)
- fix(web): keep mobile views scrollable and new-session actions reachable (tiann#364)
- fix(web): hide unsupported Codex slash commands in remote mode (tiann#357)
- fix(web): restore mobile scrolling outside Telegram (tiann#358)
- fix(web): add visual indicator for sending message status (tiann#344)
- feat(claude): add effort setting parity with model across stack (tiann#353)

Additional fixes:
- Resolve type errors from upstream cherry-picks
- Add effort 'low' option and fix online WiFi icon
- DB schema V9 → V10 (effort column migration)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants