avo-hq/avo

Fuzzy-search for dropdowns

Open

#2,631 创建于 2024年3月22日

在 GitHub 查看
 (2 评论) (1 反应) (0 负责人)Ruby (1,778 star) (308 fork)user submission
EnhancementHelp wantedJavascriptUI

描述

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

贡献者指南

技术栈
rubyrailsvuejavascript
领域
frontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
Familiarity with Vue.jsBasic understanding of AVO components
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
55
研究方向
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.