Is it possible to make it so that when you click on a text input (a dropdown menu does this as well) on mobile, it doesn’t automatically zoom in to that input? When that happens, the current page extends beyond the edges of the screen and it doesn’t return to normal when you click out of the input. …

Just try different font sizes for the input. If you have set a width of 380 px, set the font size at 20 and it won’t zoom in. :slight_smile:

How does font size affect this? My width is 750px

You probably need to use 38+ size fonts in your inputs. Check out @Diego ’s post from a few months ago. [image] Zoom in native app - Solved I want to share an issue I had in my native app and I it can be easily solved: The problem was that every text-input in my app was …

hmm, so currently the font size in my inputs is 22, which I guess from what you’re saying is too small. The thing is, I don’t want to make my fonts bigger, I want them the size they currently are. I want to know if there’s an option to disable the automatic zooming? Thanks

I understand. The issue is that the automatic zooming is a device issue, not a Bubble issue. (I’m guessing you’re using an iOS device? It’s most common with those.) It happens when the device thinks the font is too small for the user to read, so it zooms in to make it readable. There isn’t a settin…

I see, that makes sense, and that’s what I was afraid of. Yes, I’m on iOS. Did you mean that my second option is to decrease the page size? That way the font size I’ve chosen is bigger relative to the page size? Thanks

go to Settings - metatags and check the box Prevent the user from zooming [image]

Yes, sorry for the typo. Decreasing your page size would also do it. :smile: For example, I tend to use a width of 640 for my mobile apps, and I have to make sure that all of my inputs are size 32 or larger.

Checking that box prevents the user from zooming in by pinching the screen, but doesn’t quite solve what the OP is looking for, as it’s a device issue.

OK cool, thanks! Maybe I’ll increase my font size then… :slight_smile:

Text Inputs Automatically zoom into it on Mobile

Need help

philip.ehl April 25, 2018, 11:21am 15

Hi @mattmazzega,

Apple deprecated this feature for UX reasons as Emmanuel mentioned in this thread: Disable screen zoom on mobile

Topic		Replies	Views
How to make Auto Zoom stop on Mobile (iOS) when using Input Tips	18	6801	August 12, 2024
Page zoomed typing in a form on mobile phone Mobile	4	1379	March 20, 2018
Zoom in native app - Solved	2	2177	March 14, 2016
iOS Mobile Zooming / Focus Prevention - TIP Tips	4	2232	June 17, 2024
How to remove auto focus/zoom on input fields Mobile	4	5137	December 3, 2020

Text Inputs Automatically zoom into it on Mobile

Related topics