Stop ios Auto Scroll when 'input' is clicked

jacobtajima
New Member
13 0 0

Hi there,

 

I added a search bar to this page as an input element: https://tajima-direct.myshopify.com/pages/replacement-lenses-maui-jim

 

When you click the search bar on mobile on ios, ios auto-scrolls down to center the search bar (input element). Is there a way to stop that from happening? 

 

The reason we need to stop the auto-scroll down is that we use an AI search app that takes over when the search bar is clicked, but when it pulls up, it is scrolled down and you can't actually see the search app's search bar (it's at the top but the page has been scrolled down). I have a video attached. Maybe there's another work around too...

 

Thanks,

Jacob

Reply 1 (1)

BSS-Commerce
Shopify Expert
3477 461 520

Hi @jacobtajima 

We checked that the search bar was not scrolled down to the middle, but when viewing the site on the phone, when clicking on the input box, the phone automatically jumped to the keyboard to enter text, so the search bar was pushed to the middle.

This part cannot be customized because this is the phone's hardware design. We tried checking on some other phone models and they were all the same as the images in the clip.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development