Adam Argyle
发布时间：2024 年 12 月 16 日
9 月份，我们曾就可自定义选择功能的实验性版本征求过您的反馈。您分享的反馈包括用例（例如设计系统、组合框）、对 API 条目模式的想法，以及对基本样式的反馈。这些问题包括无障碍功能、浏览器兼容性、是否需要搜索功能以及是否需要多选支持。您似乎很想在生产环境中使用该 API，但有一些疑虑和特定功能请求。
Chrome 工程师和经理已根据所有这些信息，就该功能做出明智的决策。本文将分享可自定义的选择式调查问卷中每个问题的要点。
您会使用以下新 API 构建什么？
他们分享了各种用例，大致包括：
- 构建设计系统组件：为其设计系统创建精选组件，确保各个项目的一致性和可自定义性。
- 创建各种类型的选择器：例如语言选择器、国家/地区选择器、用户权限选择器等。
- 增强现有选择元素：使用图片、SVG 和更丰富的样式等功能增强现有选择元素。
- 替换自定义选择器实现：将自定义构建的选择器组件替换为标准化原生解决方案。
- 构建组合框和自定义选择器：更复杂的功能，例如组合框、用于电话号码、时区、货币和其他数据类型的自定义选择器。
- 改进表单界面：通过创建视觉效果更出色且功能更强大的选择元素来改进表单。
这些回复突出了新 API 的多样性，以及它有可能为各种 Web 应用改进用户体验和提升开发效率。
此 API 达到“广泛提供基准版”后，您是否打算在生产环境中使用此 API？
您是否尝试过新 API？如果是，您能否使用它构建所需的内容？
您对可自定义选择项的输入模式（<select> 元素上的 appearance: base-select 和 ::picker(select)）有何看法
用户对此输入法有褒有贬：
- 有些人认为这种做法是可接受的、合理的，甚至比当前情况更好。他们认为这是逐步增强
<select>元素的“合理”或“不错”方式。 - 还有一些用户表示困惑，或认为语法不易理解。使用两个属性（
appearance: base-select和::picker(select)）被视为多余或不必要。有人对命名提出了疑问（base-select可能具有误导性），并指出新手可能对底层概念不熟悉，因此可能会感到困惑。 - 部分受访者建议采用其他方法，例如使用单个属性或选择器，或完全避免使用
appearance属性。
总体而言，虽然部分受访者对当前的输入模式感到满意，但其他受访者则认为该模式令人困惑，或建议进行改进以提高清晰度和简单性。这些反馈强调了提供清晰的文档和示例的重要性，以便引导开发者有效使用新 API。
您对可自定义选择菜单的现有基本（用户代理）样式有任何反馈吗？
有些受访者认为样式可以接受或不错，而有些受访者则提出了具体的批评或建议。其中一些反馈要点包括：
- 对勾标记图标不美观，或者可以更简单。
- 项目旁边没有足够的空间放置对勾标记。
- 基本样式看起来很拥挤，焦点圈被截断，并且已选图标和文本之间没有间距。
- 这些样式可以更接近操作系统平台样式或
<dialog>元素。 - 默认箭头应向下指，并在打开时翻转到顶部。
- 您可能需要重置才能移除基本用户代理样式。
您对此功能有任何疑问、意见或顾虑吗？
我们收到了许多关于可自定义选择 API 的反馈、问题和疑虑。其中一些关键主题包括：
- 无障碍功能：多位受访者对无障碍功能提出了疑问，尤其是屏幕阅读器和键盘导航。
- 多选和组合框：用户非常希望支持多选功能和组合框。
- 搜索功能：用户希望能够在所选选项中进行搜索。
- 样式和浏览器兼容性：有人提出了关于样式选项、浏览器兼容性和是否需要 CSS 重置的问题。
- 实现细节：关于焦点锁定、渲染行为和自定义子项等具体实现细节的问题。
- 一般反馈：部分回答者提供了一般反馈，例如希望 API 条目模式更简单，以及能够在浏览器边栏之外呈现。
总体而言，反馈强调需要改进无障碍功能、添加多选和搜索等其他功能，并提供有关样式和浏览器兼容性的明确指南。
您还有其他反馈吗？
受访者提出的想法和建议中的主要主题包括：
- 希望添加多选和下拉菜单功能：多位受访者明确要求添加多选和下拉菜单功能。
- 无障碍功能的重要性：部分受访者强调，需要继续专注于无障碍功能。
- 积极反馈和功能请求：一些用户对该 API 表示期待，并提出了一些建议，例如添加搜索选项或使用
@supports检测支持功能。 - 特定用例：部分回复者提到了他们希望看到支持的特定用例，例如在浏览器边栏之外呈现或允许在
<select>元素中使用自定义值。 - 一般性评论：有些评论是对应用的一般赞美，或者希望应用在不同浏览器中的外观保持一致。
总体而言，这些反馈强化了对多选和组合框功能的需求，突出了无障碍功能的重要性，并提供了有关潜在用例和改进领域的更多数据洞见。
再次感谢大家！希望此社区反馈摘要能为实现者和开发者带来帮助，为用户和开发者提供更好的自定义选择体验。