如果选择了所有项目，则材料 ui 选择将滚动条移至顶部

Question

我使用material ui select，我注意到当我选择所有项目时，关闭选择并再次重新打开它，滚动的位置移动到最后，有什么办法让它保持在顶部？

当前行为：

预期行为：

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

Answer 1

这个问题是material-ui的autoFocus默认到最后一项。不幸的是，我无法让它以不同的方式工作（它似乎围绕着在列表的 Paper 元素中使用 tabIndex 进行）。但是你可以做的是一起禁用焦点：

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

这种方法的缺陷在于，无论何时打开菜单，它都会始终关注列表的第一项，即使只选择了最后一项。

例如：https://codesandbox.io/s/material-demo-yv5vg