Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Inputs are zoomed in when focused on iOS #9

Open
denysvitali opened this issue Jul 3, 2023 · 1 comment
Open

Inputs are zoomed in when focused on iOS #9

denysvitali opened this issue Jul 3, 2023 · 1 comment
Assignees
@denysvitali
Labels
enhancement New feature or request

Comments

@denysvitali
Copy link

According to this post:
https://rings.social/r/rings/11

Every time I click on a form element in safari in iOS, I get zoomed in because you’re missing this meta tag:

^^^ note maximum-scale there, doesn’t prevent pinch to zoom, it just stops it zooming in automatically and giving everyone sea sickness.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
@denysvitali denysvitali added the enhancement New feature or request label Jul 3, 2023
@denysvitali denysvitali self-assigned this Jul 3, 2023
@denysvitali
Copy link
Author

This breaks pinch-to-zoom.
A possible way to fix this is to set the font-size of the inputs to more than 16px:
https://stackoverflow.com/a/16372561

@denysvitali denysvitali reopened this Jul 3, 2023
@denysvitali denysvitali changed the title Set maximum-scale=1 Inputs are zoomed in when focused on iOS Jul 3, 2023
denysvitali added a commit that referenced this issue Jul 3, 2023
@denysvitali
fix: re-enable pinch-to-zoom (#9)
414b76a
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@denysvitali denysvitali

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@denysvitali