Search Broken On Mobile When Autocomplete Enabled

Technical Q&A
1

I would appreciate some help or advice please. Theme is Turbo from Out of the Sandbox. When autocomplete is enabled Search works perfectly on desktop but is broken on mobile. On mobile the search box accepts entry but capitalizes it and there is no search action.

When autocomplete is not enabled, search functions as expected on both desktop and mobile.

The only theme change recently was installing Google Tag Manager. I’ve tested earlier versions of the theme and the problem was there before GTM.

I’m guessing that this must be a theme problem rather than a Shopify problem or other people would have flagged it.

Thank you in advance for any suggestions.

In case it helps, the bit of code that might be at the root of this is search-form.liquid…

{% if type == ‘block’ %}
{%- assign search_term = block.settings.search_term -%}
{% else %}
{%- assign search_term = section.settings.search_term -%}
{% endif %}

{% if settings.search_option != 'everything' %} {% endif %}
2

Hello,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

Kind regards,
Diego

3

Hi Diego

We are wyldhome.com. The problem is with the search box on every page (part of the common head section).\

You won’t be able to replicate the problem because at the moment autocomplete is not enabled.

Many thanks… Paul

4

@Paul_Castle1

Please make a copy of your theme, activate the autocomplete function on this unpublished copy and share the link with us. We are unable to assist without checking the issue.

Here is a quick tutorial about how to share an unpublished theme with your developer without disrupting the live website.

Kind regards,
Diego