Dropdown select component - setting to show all results

💬 App Building
1

We're building an app where we search google places API to select a restaurant and store google_place_id and some of the data to our database.

  1. We've set the UI up with using a dropdown select component.

    image
    image962×974 69.1 KB

  2. user input to the dropdown is sent to API and retun is displayed as the dropdown options

  3. PROBLEM -> not all items that API returns show on the dropdown, but only the one where string matches the search input.

This I believe is expected behaviour, but it breaks our entire flow as many search APIs return fuzzy matches that do not contain original search string.

Our workaround: Concat search string to the result of the API so that all options show. It works but is not as clean; so if there was an option to set dropdown select component to show all items that would be great

image
image898×626 49.4 KB

3

You're right that the component is currently expected to perform some level of string matching, @Gasper_Anderle1, but the approach you've taken is a clever workaround! Thanks for sharing. :slightly_smiling_face:

I can talk to the team about adding an option to disable search - while still retaining interactivity - and additionally brainstorm alternative ways to implement a similar pattern.

1 Like