Do you have a link that we could check on some things at with?
Otherwise, I believe the dropdowns and whatnot should have classes on them that denote open/closed status, that you could force override with temporary/local CSS.
Ty for the quick reply.
Was looking for that too. But there is no class that can be toggled. Tried to force it with a JS interval as well, without success. Probably because, also the HTML content in the dropdown is being removed from the DOM after unfocus.
https://www.temporary-url.com/A4B4F3
Type ‘flex’ for example. It starts searching on the 4th keystroke.
TIA
Ahh, my apologies, I was thinking widgets and instant search more than the Autocomplete functionality and that dropdown. That one I’m not sure of to be honest.
I do believe that the script blocks at https://github.com/WebDevStudios/wp-search-with-algolia/blob/2.1.0/templates/autocomplete.php#L14-L94 are fairly faithful to the autocomplete markup though, with just small parts being replaced with the actual data.
There’s script blocks for the header portion of the dropdown, the footer, empty results, and then our default post/term/user suggestions as needed.
Trial and error did the job. The span.algolia-autocomplete and it’s child elements are being rendered at the bottom of the DOM. With some best guesses I was able to edit some styling. But preferred to use the inspect element tool 😉👍
