bug: Safari iOS page zoom when user focuses Text Input

[mathisvester]

Reproduction URL (Required)

https://daisyui.com/components/input/

What version of daisyUI are you using?

v5.0.35

Which browsers are you seeing the problem on?

Safari iOS

Describe your issue

When a user focuses on a Text Input component on Safari iOS, the page automatically zooms in. It's caused due to the input's font-size being less than 16px, which is a known behavior on iOS. Also see: https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone.

[github-actions]

Thank you @mathisvester for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[orv1s]

I tested the 1b5b997 fix, unfortunately the touch-action: manipulation; doesn't seem to prevent the zoom-in on Safari when input's with font-size less then 16px is focused/clicked.

To fix, I extended utilities like so:

@utility input {
  @apply text-base;
}
@utility textarea {
  @apply text-base;
}