Material ui select 如果選擇了所有項目，則將滾動條移至頂部

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