Repository navigation
Web UI V2 prompt controls overlap the send button on narrow displays #43295
Description
Description
On narrow viewports, the V2 prompt composer keeps agent, model, and model-variant controls in one row. When their combined width exceeds the available space, those controls render over the submit button. Tapping the apparent send area can open a selector and the user is unable to send the message by tapping the send button.
Plugins
No plugins
OpenCode version
dev branch (9b0dd36)
Steps to reproduce
- Start the web UI with
opencode web. - Open a session at a 320 CSS-pixel-wide viewport or on a phone.
- Choose a model with a long name and a reasoning/model variant.
- Type a prompt so that the send button is enabled.
- Observe the controls at the bottom of the composer, it's impossible to click/tap the Send button, the dropdown opens instead.
Screenshot and/or share link
Operating System
Tested on Windows and Android, but applies to any OS that renders the web UI
Terminal
Not terminal-specific
Reacted by Vlad Startsev and Nathan Cho
Metadata
Metadata
Assignees
Labels
No labels
Activity
github-actions commentedon Aug 18, 2026
This issue might be a duplicate of existing issues. Please check:
If your report covers a distinct scenario not addressed in those issues, please add a comment there clarifying the difference.
bmpenuelas commentedon Aug 18, 2026
The highlighted issues #38848 , #38210 are related to the same UI elements but are reported on different platforms.
vladysta commentedon Aug 19, 2026
I can reproduce the same problem on mobile, in a slightly different configuration.
When the agent selector is enabled in settings (Build agent / Plan agent) and the selected model has a model variant / reasoning level, the agent + model + variant controls in the composer row don't fit the narrow viewport. They overlap the send button, so I cannot send a message from the phone at all — I have to switch to the desktop version. The screenshot below shows the composer with the controls covering the submit button.
bmpenuelas commentedon Aug 19, 2026
Thank you @vladysta for the additional repro! I have submitted PR #43298 with a fix. I hope it will be merged soon, but in the meantime you can take it and run it locally if you want a quick solution
Capicua25x commentedon Sep 4, 2026
Root cause, for anyone else hitting this: the footer controls are a flex row, and each label is a
truncatespan inside an inline-flex button inside the TooltipV2 trigger div (display: flex). Flex items default tomin-width: auto, so none of those three boxes can shrink below the label text and the ellipsis never fires; the row overflows and the variant control lands under the send button.#47330 adds
min-w-0at those three levels (label spans, the agent/variant trigger button, the tooltip trigger wrapper). Measured at 360 px headless: variant control before 303–385 (past the viewport), after 234–291, flush with the send button at 291. Verified on an Android phone as well; screenshots in the PR.bmpenuelas commentedon Sep 4, 2026
Thank you, I had already submitted PR #43298 which fixes this with a slightly more refined solution (based on review feedback) that dynamically adds a scrollable track and visual indicators (chevrons, fade in and out...)
app: regression test for the composer footer on a narrow viewport (an…
MTG-Thomas commentedon Sep 10, 2026
+1 — seeing the same root cause on the v1 web UI (opencode 1.18.30, Windows 11 host, iPhone 13 Pro / iOS 26.6.1 / Safari ~390px): the Send button overlaps the thinking/token-amount pill in the composer. Enter-to-send and landscape are workarounds. Tracked separately as #48260 with full repro — looks like v1 and v2 share the underlying composer layout issue.
neriousy commentedon Oct 20, 2026
V2 now keeps agent, model, and variant controls in a horizontally scrollable area, separate from the fixed send/stop buttons, so overflowing controls no longer cover them. To get v2:
npm i -g @opencode/cli@latestorcurl -fsSL https://opencode.ai/v2/install | bash(desktop: update the app). If you still see this on v2, please open a new issue with the details.