avo-hq/avo

Fuzzy-search for dropdowns

Open

#2,631 opened on Mar 22, 2024

View on GitHub
 (2 comments) (1 reaction) (0 assignees)Ruby (1,778 stars) (308 forks)user submission
EnhancementHelp wantedJavascriptUI

Description

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

Additional context

Contributor guide

Tech stack
rubyrailsvuejavascript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Familiarity with Vue.jsBasic understanding of AVO components
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
55
Research direction
Review existing dropdown components in AVO's Vue based field files (e.g., app/fields or app/components). Look at how `select` fields are rendered and consider using a library like vue multiselect or implementing a custom autocomplete. The maintainers may have specific preferences; check comments for any guidance. The MUI example linked provides a reference for the expected behavior.
Fuzzy-search for dropdowns · avo-hq/avo#2631 | Good First Issue