Stop zooming in on inputs on mobile?

App Development
1

I’ve noticed this is a few different places but right now I’m seeing it in a Search Component.

When on a mobile device (iPhone 11), the screen zooms in to focus on the search fields when clicked.

Is there a way to stop this from happening?

2

@tim.young, Did you find a solution for this. I am running into this problem for my app, users will be using the search function often and I need to stop the auto zooming from happening if I can.

3

No, I never found a solution. I will look into this.

1 Like
4

@JulianMc

Can you try adding this to the custom header code section of your app?

Or add this to the custom header code

<style>
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}
</style>