Skip to content

iOS auto-zooms on input focus in web UI #6784

@xpcmdshell

Description

@xpcmdshell

Description

When accessing opencode web from iOS, tapping the "Ask anything..." input causes the page to auto-zoom. iOS WebKit (used by all iOS browsers) zooms on any input with font-size < 16px as an accessibility feature. This cannot be disabled except by increasing the input field size.

Affected elements:

  • Prompt input (contenteditable div with text-14-regular = 14px)
  • TextField component (font-size: 14px in text-field.css)
    Partial Fix: Add to packages/ui/src/styles/base.css:
@media (hover: none) and (pointer: coarse) {
  input,
  select,
  textarea,
  [contenteditable="true"] {
    font-size: 16px !important;
  }
}

Plugins

No response

OpenCode version

No response

Steps to reproduce

No response

Screenshot and/or share link

No response

Operating System

No response

Terminal

No response

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingwebRelates to opencode on web / desktop

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions