anomalyco / anomalyco/opencode
[web] Send button overlaps the model reasoning/thinking-depth selector on mobile (iPhone), blocking Send and Stop
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 209k
- Forks
- 27.5k
- PR merge metrics
- PR metrics pending
Description
Description
On the opencode web UI opened from an iPhone browser, the Send button overlaps the model reasoning-depth (thinking) selector button. The overlap happens at all screen sizes (not only when the window is narrow), so the Send button and, while a response is streaming, the Stop button can no longer be tapped. The only workaround is to use the on-screen keyboard's Return key to submit.
Environment
- opencode version:
1.18.14 - Interface: opencode web (
opencode web), opened in a mobile browser - Client: iPhone (mobile Safari; reproduces regardless of iPhone model, so this looks like a general mobile layout issue)
- Host: Linux (Ubuntu, kernel
6.8.0-139-generic)
Steps to reproduce
- Start
opencode weband open it in a browser on an iPhone. - Open a session so the prompt input and the model / reasoning-depth selector are visible.
- Observe the bottom-right area of the input bar.
Expected
The Send button and the reasoning-depth selector are laid out without overlapping, and both remain tappable on mobile viewports.
Actual
- The two controls overlap. The Send button (and the Stop button while streaming) is covered / not reliably tappable.
- Tapping in that area toggles the model/thinking selector instead of sending/stopping.
Impact
High: on iPhone, sending a message or stopping generation is impossible via touch; users must fall back to the Return key, and there is no touch way to stop a long response.
Additional context
- Confirmed still present as of
1.18.14. - Reproduces on any iPhone model, so it is likely a responsive-layout bug in the prompt input toolbar (controls not wrapping / absolutely positioned on top of each other at small widths).
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the web prompt input toolbar and reproducing the issue in an iPhone or mobile viewport. Inspect the layout of the Send/Stop control and model reasoning-depth selector; done means both controls remain separate and tappable while sending and streaming.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- Half a day
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 72/100