avo-hq/avo

Fuzzy-search for dropdowns

Open

Aperta il 22 mar 2024

Vedi su GitHub
 (2 commenti) (1 reazione) (0 assegnatari)Ruby (1778 star) (308 fork)user submission
EnhancementHelp wantedJavascriptUI

Descrizione

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

Guida contributor

Tech stack
rubyrailsvuejavascript
Dominio
frontend
Tipo issue
feature
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
half day
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
fresh
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
mostly clear
Prerequisiti
Familiarity with Vue.jsBasic understanding of AVO components
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
55
Direzione di ricerca
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.