XF 2.0 How to remove previous search terms from in front of the search bar dropdown

[entelechy]

When clicking on the search bar, the dropdown is obscured by past search terms. How can I remove these previous terms so only the search forms show?

 

[S Thomas]

Add autocomplete='off' to the search field input tag. Or disable autocomplete in your browser.

 

[entelechy]

Thanks, which template/position should autocomplete='off' be added to? From what I can tell, "search_form", but Im not sure exactly where.

 

[S Thomas]

In PAGE_CONTAINER.
Search for
<!--[XF:search_menu:above_input]-->
There are 2 textboxes.

 

[entelechy]

Ok found it, but I've tried adding autocomplete="off" to both textboxes:


<xf:textbox name="keywords"
class="js-uix_syncValue"
data-uixsync="search"
placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
data-menu-autofocus="true"
autocomplete="off" />


<xf:else />
<xf:textbox name="keywords"
class="js-uix_syncValue"
data-uixsync="search"
placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
data-menu-autofocus="true"
autocomplete="off" />

As well as contraints:

<xf:select name="constraints"
class="js-quickSearch-constraint"
aria-label="{{ phrase('search_within') }}"
autocomplete="off" >

And even the outer div:

<div class="menu-row" autocomplete="off">

But even after refreshing multiple times and cache clearing it's still showing the autocomplete.

 

[S Thomas]

Are you editing the correct style?

 

[entelechy]

Yeah when I add "echo "does this print?";" to the search bar code this happens: (attachment)

 

[S Thomas]

No clue then. It works for me on the default style in Firefox.

 

[entelechy]

You're just dropping it into both of the textboxes?

 

[S Thomas]

As you did in your example above.