Disabling Auto-Complete in Search

Per standard, when using an Instant Search through Clerk.js, the query that a customer writes will be autofilled when clicking enter.

This is to ensure the customer will see the same results in the Instant Search and the Search Page.

This can easily be disabled if needed.

Simply add data-autofill=“false” to your Instant Search embedcode:

<span class="clerk"
  data-template="@live-search-test"

  data-instant-search="#clerk-live-search"

  data-instant-search-suggestions="6"
  data-instant-search-categories="6"
  data-instant-search-pages="6"

  data-autofill="false"
></span>

Now, when clicking enter, the Search Page will look for the exact query the customer has typed in.