恰到好处的可定制选择高度

本文探讨了在网页表单设计中，如何为可定制选择（select）元素找到最佳高度——既不太高占用过多空间，也不太低影响可用性。作者通过实验和分析，提出了一种基于内容自适应和用户交互需求的平衡方案，旨在优化用户体验并保持界面简洁。

背景速读

- Jake Archibald 是 Google 的知名前端工程师与 Web 标准倡导者，长期关注浏览器 API 与 HTML/CSS 规范。 - "Goldilocks customizable select height" 指 <select> 下拉弹窗高度"刚刚好"的问题：太矮显示不全，太高又越出屏幕。 - 传统 <select> 的下拉面板高度由浏览器内部逻辑计算，开发者无法控制，导致跨平台体验不一致。 - 文章讨论的规范提案或实验性 API（如 <selectmenu>、自定义 select 的 popover 行为）试图让开发者能设置理想高度，同时保留系统级的边界适应逻辑（如同 <dialog> 的自动定位）。 - 这一话题对 Web 开发者直接影响表单控件的一致性与可访问性，是 HTML 标准化进程中长期争议的痛点之一。