Temperature input font size too small

[mikhailbot]

Mainsail Version:

v2.2.1

Browser:

Safari

Device:

Mobile device (Phone, Tablet or similar)

Operating System:

iOS

What happened?

In Safari on iOS font sizes smaller than 16px cause the browser to zoom in. Often times this causes the interface to gain a horizontal scroll causing alignment and usability issues.

What did you expect to happen instead?

No zooming in, keeping viewport consistent.

How to reproduce this bug?

Visit the web ui on iOS with Safari and edit one of the temperature inputs.

Additional information:

No response

[meteyou]

pls post a screenshot

[mikhailbot]

See attached. It's not major but it is common practise to not have input fields smaller than 16px to prevent the zoom-in by Safari on iOS (which then adds horizontal scrolling requiring you to zoom out but not too far or you go into tab switching mode or reloading the page).

Of note I've another install on 2.1.2 without the smaller font size.

[meteyou]

do you use a theme or something else? it cannot be only in one installation an issue...

[mikhailbot]

Nope, plain iOS and plain MainsailOS install and for reference it's this CSS too.

https://github.com/mainsail-crew/mainsail/blob/develop/src/components/inputs/TemperatureInput.vue#L3

[github-actions]

Ahoi!

It looks like there hasn't been any recent updates on
this issue. If you created this issue and no longer
consider it to get merged, then please login to github
and close it. Otherwise, if there is no further activity
on this issue, it will be automatically closedwithin the
next 7 days.

Fair wind and a following sea!
~ Your friendly MainsailGithubBot

PS: I'm just an automated script, not a real sailor.