avo-hq / avo

Build Ruby on Rails apps 10x faster
https://avohq.io
Other
1.5k stars 238 forks source link

Fuzzy-search for dropdowns #2631

Open smathieu opened 6 months ago

smathieu commented 6 months ago

Feature

Dropdown menus in AVO can become quite long for some use cases. In the case of filters in particular, there's often no alternative than a large dropdown. It would be useful if those dropdown could be made in searchable component, rather than a default HTML dropdown.

It's a common component is a lot of web framework. Here's an example from MUI: https://mui.com/material-ui/react-autocomplete/

It would be great if this worked for filters and for select fields.

Current workarounds

There are browser extensions than can turn a dropdown into a searchable one.

Screenshots or screen recordings

image Screenshot 2024-03-22 at 10 03 54 AM Screenshot 2024-03-22 at 10 01 18 AM

Additional context

adrianthedev commented 6 months ago

Maybe even an input with a dataset would work?

https://stackoverflow.com/a/52604805/1067281

We'd love a PR!

sedubois commented 6 months ago

Avo already has a searchable field - https://docs.avohq.io/3.0/fields/tags.html#mode. Could that be reused?

mode-select