opencode
opencode copied to clipboard
iOS auto-zooms on input focus in web UI
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
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.