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]: default text-sm on textarea messes up responsivity #3643

Open
2 tasks done
zakony-ai opened this issue May 1, 2024 · 0 comments
Open
2 tasks done

[bug]: default text-sm on textarea messes up responsivity #3643

zakony-ai opened this issue May 1, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@zakony-ai
Copy link

zakony-ai commented May 1, 2024

Describe the bug

iOS Safari zooms in on textarea (and input) if has smaller than 16px font-size. It doesn't automatically zoom out. This itroduces horizontal scrolling which looks lika a bug. I propose changing text-sm to md:text-sm in default input and textarea style

Affected component/components

textarea, input

How to reproduce

  1. use Textarea component in a website
  2. open the website on iOS Safari (also possible in Simulator)
  3. focus the textarea
  4. Safari zooms it and it introduces horizontal scroll

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

iOS, Safari

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues
@zakony-ai zakony-ai added the bug Something isn't working label May 1, 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