Question

我使用material ui select，并且注意到当我选择所有项目时，请关闭选择并再次将其重新打开，滚动条的位置将移至末尾，有什么办法可以将其保持在顶部？ / p>

当前行为：

预期的行为：

我寻找了api中提供的所有选项，但没有一个得到帮助，我的想法是直接获取DOM元素并应用element.scrollTo=0

Answer 1

此问题是material-ui的autoFocus默认情况下转到最后一项。我无法让它正常地工作（它似乎与在列表的Paper元素中使用tabIndex一起工作）。但是，您可以做的是一起禁用焦点：

<Select ... MenuProps={{autoFocus: false}} >
   ...
</Select>

这种方法的陷阱是，即使您只选择了最后一个菜单项，只要打开菜单，它始终将焦点放在列表的第一个菜单项上。