Skip to content

Mobile web UI: Send button overlaps thinking/token indicator on narrow viewport #48260

Closed as duplicate

Description

@MTG-Thomas

Description

On the \opencode web\ composer viewed on a phone, the Send button overlaps the thinking/token-amount pill, making the button hard to tap accurately.

Repro

  1. Run \opencode serve\ (or \opencode web) and open the web UI in mobile Safari.
  2. Open any session and look at the message composer.
  3. The Send button is rendered on top of the thinking-amount indicator.

Environment

  • Server: opencode 1.18.30 (also present on 1.18.29), Windows 11 host, accessed remotely (no password, behind Cloudflare Access)
  • Phone: iPhone 13 Pro, iOS 26.6.1, Safari (390px-wide viewport)

Expected

Composer controls lay out without overlap at ~390px width (send button fully tappable).

Workaround

Hardware/software Enter key still sends, and landscape orientation gives the composer more room.

Activity

  1. github-actions commented on Sep 10, 2026

    @github-actions
    Contributor

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

    These all describe UI elements overlapping the send button or composer controls on narrow/mobile viewports. If your issue is the same underlying layout problem, consider adding a +1 or additional context to one of those threads instead.

  2. neriousy commented on Oct 1, 2026

    @neriousy
    Member

    Closing as a duplicate of #43295. Same layout bug: prompt controls overflow and overlap the Send button on narrow screens. Tracking in #43295, which has a fix PR (#43298).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions