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

Closed
opened 2026-02-16 17:42:46 -05:00 by yindo · 1 comment
Owner

Originally created by @xpcmdshell on GitHub (Jan 3, 2026).

Originally assigned to: @adamdotdevin on GitHub.

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

Originally created by @xpcmdshell on GitHub (Jan 3, 2026). Originally assigned to: @adamdotdevin on GitHub. ### 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: ```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_
yindo added the bugweb labels 2026-02-16 17:42:46 -05:00
yindo closed this issue 2026-02-16 17:42:46 -05:00
Author
Owner

@github-actions[bot] commented on GitHub (Jan 3, 2026):

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] commented on GitHub (Jan 3, 2026): 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.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#4142