Autocomplete / Typeahead

[devinellis]

I know the intent of Pico is not to provide all the bells and whistles of major libraries. However, I was able to reuse the v2 dropdown listbox under an input with a little bit of hacking. I think this was necessary because of how the styles are coupled with the markup (which I like! but it got in my way this time). I'm not sure what my suggestion would be, this is just more of an FYI / food-for-thought.

FWIW, I had originally been using the built-in datalist feature but it seems MS Edge has a bug with those so its still not a viable option.

<input />
<details class="dropdown">
  <summary aria-haspopup="listbox" style="display: none"></summary>
  <ul role="listbox" style="top: -1rem">
  ...
  {#if busy}<li aria-busy="true"><li>{/if}
...