Default form inputs on iOS zoom due to small font size

[ishanloya]

The issue

The default size of form inputs ("sm") and size "md", both set the font-size to "text-base".
Only at "lg" and "xl" sizes do the font-sizes get bumped up.

At present, in the tailwind preset, "text-base" is set to "14px". This is unusual since the base is usually "16px".
The problem this causes is that when font-size is less than 16px for input fields on iOS, activating the field causes a zoom behaviour. This makes the form filling experience on iOS really poor and almost unusable.

Workarounds Tried

I've tried setting all form inputs to size "lg" as a workaround but this also bumps up other values (padding, etc.).

Proposed Solution

We could either bump up text-base to 16px (I understand this might not be feasible due to the large impact this would have) or to change the default sizes or use overrides as in the comment below.

[ishanloya]

For anyone facing this issue, I've applied the following overrides in styles.css:

input, select, textarea {
  font-size: 16px !important;
}