这解决了什么问题？

排版中的字体系列是用户可以在侧栏中找到的下拉字段之一。此字段使用选择控制组件以显示字体系列，供用户选择。此组件是<选择>HTML元素。每个浏览器都以自己的方式显示下拉列表，因为它是<选择>由浏览器管理的元素。

以下是一个字段包含大量字体（例如谷歌字体）的示例：

• Firefox浏览器：

• 铬：

当滚动选项时，firefox会在下拉列表中滚动而不更改其顶部位置，但在Chrome中，滚动会使下拉列表增加到屏幕的高度：

你提出的解决方案是什么？

我们应该考虑使用自定义SelectControl而不是选择控制。我们已经将其用于其他字段，如字体大小：

使用该组件可以在不同浏览器之间保持相同的外观和行为，包括我们在Chrome中看到的垂直滚动行为。