Bug: Viewport remains zoomed in after chat input on mobile Safari
Problem:
On Safari on iPhone, tapping the chat input zooms the view in. However, when the input loses focus, the viewport does not zoom back out, forcing a manual pinch-to-zoom to restore the view.
Environment:
- Device: iPhone
- Browser: Safari
Immediate Fix:
This is standard Safari behavior for form inputs with a font-size smaller than 16px. The most effective immediate fix is to set the input's font size to 16px, which prevents the initial auto-zoom entirely.
.chat-input-selector {
font-size: 16px;
}
Long-Term Consideration:
For a more permanent solution, a dedicated mobile app would bypass browser-specific quirks like this and provide a more controlled user experience. I am beginning to investigate the feasibility of this approach.
I am happy to submit a pull request for the immediate CSS fix. Please assign this issue to me if you'd like me to proceed.