avo-hq/avo

Fuzzy-search for dropdowns

Open

#2.631 geöffnet am 22. März 2024

Auf GitHub ansehen
 (2 Kommentare) (1 Reaktion) (0 zugewiesene Personen)Ruby (1.778 Stars) (308 Forks)user submission
EnhancementHelp wantedJavascriptUI

Beschreibung

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
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
Familiarity with Vue.jsBasic understanding of AVO components
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
55
Research-Richtung
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.