mehdibha / dotUI

✨ Accessible, mobile friendly, modern UI components.
https://dotui.org
MIT License
1.11k stars 25 forks source link

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

Open VladSez opened 2 months ago

VladSez commented 2 months ago

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

https://github.com/user-attachments/assets/5eaadb19-84db-4a5f-9a23-fe9fe4c7430d

no bug with TextField from react-aria-components

https://github.com/user-attachments/assets/27a8771d-e153-4480-b8ad-8a6399184ebc

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