Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fuzzy-search for dropdowns #2631

Open
smathieu opened this issue Mar 22, 2024 · 2 comments
Open

Fuzzy-search for dropdowns #2631

smathieu opened this issue Mar 22, 2024 · 2 comments
Labels
Enhancement New feature or request Help wanted We could use some help with this Javascript Pull requests that update Javascript code UI This issue is related to the UI

Comments

@smathieu
Copy link

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 adrianthedev added Enhancement New feature or request Help wanted We could use some help with this Javascript Pull requests that update Javascript code UI This issue is related to the UI labels Mar 23, 2024
@adrianthedev
Copy link
Collaborator

Maybe even an input with a dataset would work?

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

We'd love a PR!

@sedubois
Copy link
Contributor

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

mode-select

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Enhancement New feature or request Help wanted We could use some help with this Javascript Pull requests that update Javascript code UI This issue is related to the UI
Projects
Status: No status
Development

No branches or pull requests

3 participants