search

shadcn-ui / ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
https://ui.shadcn.com
MIT License
70.06k stars 4.2k forks source link

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

Open zakony-ai opened 4 months ago

zakony-ai commented 4 months ago

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

augchan42 commented 3 months ago

for profile and account form, all the labels, buttons, text areas, etc have text-sm set at the lowest level and there's no easy way to override it without using !important. Any reason why text-sm is exhaustively put directly so many components?