Skip to content

Bug: Viewport remains zoomed in after chat input on mobile Safari #21

@jameshaworthcs

Description

@jameshaworthcs

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.

Metadata

Metadata

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions