opencode icon indicating copy to clipboard operation
opencode copied to clipboard

iOS auto-zooms on input focus in web UI

Open xpcmdshell opened this issue 2 weeks ago • 1 comments

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

xpcmdshell avatar Jan 03 '26 23:01 xpcmdshell

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

  • #5126: [FEATURE]: Mobile-friendly web UI - Request for overall mobile-optimized web UI
  • #6536: [FEATURE]: Mobile App - Discussion of mobile app development including mobile UX improvements

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

github-actions[bot] avatar Jan 03 '26 23:01 github-actions[bot]