[BUG]: Mobile prompt input buttons overflow on narrow viewports #8220

Open
opened 2026-02-16 18:09:27 -05:00 by yindo · 1 comment
Owner

Originally created by @athal7 on GitHub (Feb 1, 2026).

Originally assigned to: @adamdotdevin on GitHub.

Description

On mobile viewports (375px), the prompt input button bar overflows or clips buttons, making some controls inaccessible.

Affected buttons:

  • Agent selector (Build/Plan/Docs)
  • Model selector
  • Thinking variant selector
  • Context usage indicator
  • Attach file
  • Send/Stop

Fix

  • Use CSS contents pattern for responsive single-row layout on mobile
  • Replace thinking variant Button with Select dropdown
  • Hide text labels on mobile, show icons only
  • Fix model selector dialog centering and highlight state

Screenshots

See PR for before/after screenshots at 375px and 1280px viewports.

Operating System

iOS / Mobile browsers

OpenCode version

1.1.48

Originally created by @athal7 on GitHub (Feb 1, 2026). Originally assigned to: @adamdotdevin on GitHub. ### Description On mobile viewports (375px), the prompt input button bar overflows or clips buttons, making some controls inaccessible. **Affected buttons:** - Agent selector (Build/Plan/Docs) - Model selector - Thinking variant selector - Context usage indicator - Attach file - Send/Stop ### Fix - Use CSS `contents` pattern for responsive single-row layout on mobile - Replace thinking variant Button with Select dropdown - Hide text labels on mobile, show icons only - Fix model selector dialog centering and highlight state ### Screenshots See PR for before/after screenshots at 375px and 1280px viewports. ### Operating System iOS / Mobile browsers ### OpenCode version 1.1.48
yindo added the web label 2026-02-16 18:09:27 -05:00
Author
Owner

@github-actions[bot] commented on GitHub (Feb 1, 2026):

This issue might be a duplicate of existing issues. Please check:

  • #10485: Session turn status button overflows on mobile (web/app)
  • #10443: web: mobile & touch devices cannot access context details
  • #10919: web: mobile layout could be tighter
  • #7990: Poor mobile web experience

Feel free to ignore if none of these address your specific case.

@github-actions[bot] commented on GitHub (Feb 1, 2026): This issue might be a duplicate of existing issues. Please check: - #10485: Session turn status button overflows on mobile (web/app) - #10443: web: mobile & touch devices cannot access context details - #10919: web: mobile layout could be tighter - #7990: Poor mobile web experience Feel free to ignore if none of these address your specific case.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#8220