Any way to update the count text while searching?

[LukaszJaro]

Great autocomplete by the way and docs, covers almost all the bases including accessibility!

On search I would like it to say 'Searching...' so two things would need to be in place for that: Currently searching and dropdown visible.

Example:

<li class="search-results-title" role="option" tabindex="-1" aria-selected="false" aria-setsize="11" aria-posinset="0">
     <span>Searching...</span>
</li>

<li class="search-results-title" role="option" tabindex="-1" aria-selected="false" aria-setsize="11" aria-posinset="0">
     <span>Found 10 results</span>
</li>

Thanks!

[tomickigrzegorz]

Hi,
I don't know if I understood exactly, you want to show Searching ... and Found 10 results.
The easiest way to add the code:

<div class="auto-search-wrapper">
  <input type="text" id="basic" placeholder="type w">
  <div class="hidden">
    <span>Searching...</span>
  </div>
</div>

When searching you have an auto-is-loading class, when it appears show this item from Searching..., of course you have to style it.

As for the second problem, you have an example header/footer
There you have two slots [header, footer] this example shows you can shove anything you want into them.

Good luck

[LukaszJaro]

Sorry to clarify, I want to show searching text while search is in progress, then once complete I want to show the count(i.e, Found # results).

From your docs I already implemented the count, I just need the searching text, similar to loading spinner but text should be present in the dropdown list.

Here's an example from a search in this sites header: https://ma.tt/

I'll have another look into the header/footer as well, thank you.

[tomickigrzegorz]

As I mentioned, search can be added as a separate div, just show/hide depending on the auto-is-loading class