Search on a mobile

Hi!

Unfortunately it’s a webkit browser behavior on input fields and there is no official way of turning it off.

One CSS “trick” appears to be working in some cases:

input.orig:focus { font-size: 16px !important; }

Or, maybe apply it to mobile screen sizes only:

@media only screen and (max-device-width: 480px) {
     input.orig:focus { font-size: 16px !important; }
}

I’ve added the following to my css file but it still zooms in. Do I need to be specific in applying this to the search bar?

@media only screen and (max-device-width: 480px) {
input.orig:focus { font-size: 16px !important; }
}

My other concern is that when you touch a selection, the selection goes blank/invisible?

Also, how can I change the colour and font size in the search bar?

Sorry for the questions but I’m so close to getting it all just right.

Thanks for being so responsive.

Hi!

That is the only available workaround unfortunately. It also depends on the screen width and the search bar ratio, plus if the screen is zoomed in it will automatically zoom as far as I know.

Try maybe increasing/decreasing the search bar overall width. Vendors doesn’t give information about this behavior unfortunately.

On my demo environments it doesn’t zoom, unless there is an element on the page that exceeds the size of the mobile screen width. It does it with every input element, and in that case there is no workaround, or at least nobody has found it until now.

OK. I’ve increased the font size to 17px and that has stopped the iPhone zooming in is a preferred size anyway. Which makes it a bit better.

The issue of the results going blank when touch still remains. Any ideas?

No clue about that. I’ve looked through previous tickets, but I haven’t found anything similar.

I’m suspecting some kind of javascript conflict maybe. Can you share an URL where I can take a look at that?

I’ve sent you a message via your website with the url.

Thanks

Hi!

I’m sorry for the late response, I’ve had some priority tasks to do this week first.

I will review your email tomorrow when I get back to the office as soon as possible.

Thank you for understanding and best regards,
Ernest Marcinko