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.

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

[bug] prevent zoom-in on input focus on iOS Safari #22

Open
2 tasks done
VladSez opened this issue Jul 12, 2024 · 0 comments
Open
2 tasks done

[bug] prevent zoom-in on input focus on iOS Safari #22

VladSez opened this issue Jul 12, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@VladSez
Copy link

VladSez commented Jul 12, 2024

Describe the bug

Hello! Thanks for a cool library.

I noticed that all text inputs on (tap) focus are zooming-in on iOS Safari, please check the video with reproduction

Btw seems like there is no issue with TextField from react-aria-components https://react-spectrum.adobe.com/react-aria/TextField.html (check second video)

please, check the video with the bug

RPReplay_Final1720813912.mp4

no bug with TextField from react-aria-components

RPReplay_Final1720815377.mp4

PS: iOS chrome works as expected (no zooming on input tap)

Affected component/components

TextField, TextArea, SearchField, NumberField

How to reproduce

  1. Go to https://dotui.org/components/inputs/text-field on iOS Safari
  2. Tap on Input
  3. See zooming-in

Codesandbox link

No response

System Info

any iOS Safari browser

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues
@VladSez VladSez added the bug Something isn't working label Jul 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant