Input: mobile font size should be 16px to avoid page zooming

[gregg-cbs]

Describe the bug

On iOS if an inputs font size is less than 16px then the browser zooms the page when typing in the input, its extremely frustrating.

All text inputs should have a default font size of 16px on mobile to avoid this zooming. Flowbite defaults to 14px which could cause a world of pain for a lot of web users, especially when it comes to developers who are not aware or dont care about this experience issue.

This bug is more to do with flowbite as a whole rather then just the svelte package.

Reproduction

No need to reproduce

Flowbite version and System Info

version: ^0.44.22

[shinokada]

Please set size="lg".

<Input type="email" placeholder="Large input" size="lg" />

[gregg-cbs]

Na that is not the answer. If you want size md on desktop how do you then set the size to lg on mobile?

Its silly that you even refute this point because its valid and will affect a lot of users.

We have moved away from flowbite in any case. Good luck.

[lmjwheeler]

For anyone landing on this page to find a solution with Flowbite React, here's my solution.