lov-frontend-select-with-search
Installation
SKILL.md
搜索下拉框 · Searchable Select
把项目里的 Select 统一成明确的渐进增强契约:候选项不超过 5 个时保留轻量原生体验,达到 6 个时支持搜索;长列表在普通页面和 Dialog/Portal 中都能真实滚动、选择和键盘操作。
Triggers
Activate when
- 用户说“所有 Select 超过 5 个选项就支持搜索”“下拉选项太多,需要筛选”。
- 用户说“候选项无法滚动”“弹窗里的下拉列表滚轮没反应”。
- 用户要把多个原生
<select>收敛成兼容既有value、onChange或表单语义的共享可搜索组件。 - The user asks to “make selects searchable after five options”, “build an accessible searchable select”, or “fix combobox scrolling inside a dialog”.
Do not activate when
- 只要求重做页面视觉、排版或整体交互语言,没有 Select 行为目标;使用前端设计能力。
- 只要求安装 shadcn/ui 或其他组件库;使用对应安装能力。
- 需要的是后端全文检索、远程搜索接口或数据索引,不是候选项本地过滤。
- 报错与 Select、Combobox、Listbox、Popover 或滚动锁无关;使用常规诊断流程。