Select Component Server-Side Typeahead

💬 Feature Requests
1

I am building a typeahead search bar (similar to google's search experience) with the Select component. The Select component is ideal for this, as it lets you search in the input, and the options show up below in a floating element. I have taken the following steps to accomplish this,

  1. The select Mode is set to "Mapped"
  2. The data source is set to a query resource (google maps address typeahead)
  3. An "input value changed" event handler is setup that triggers the query with a debounce of 250
  4. The "loading" option is set to myQuery.isFetching

This gets me 95% of the way there. However, there is one problem, when I go to Interaction > Advanced Settings, the 4 options I have are "Disabled", "Fuzzy match", "Case sensitive" and "Case insensitive". The problem with these is that my search functionality is implemented by the underlying resource query coupled with the "input value changed" setting above, and each of these search options attempt to query my list down even further. I can't choose "Disabled" because it just disables my ability to type.

I'd like to request a "Server side" option that allows me to continue to use in the input, but doesn't actually filter my list down based on any additional search algorithm.

1 Like
2

Hi @Max_Lund,

Thanks for reaching out. This feedback is currently recorded in our backlog. We will let you know if our team is able to ship this feature.