title: Material ui select move the scroll to top if all items are selected
body: <p>I use <a href="https://material-ui.com/demos/selects/" rel="nofollow noreferrer">material ui select</a> and I noticed that when I select all items, close the select and reopen it again, the position of the scroll is moved to the end, is there any way to keep it at top?</p>
  
  <p>current behavior:</p>
  
  <p><a href="https://i.stack.imgur.com/2QJKs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2QJKs.png" alt="enter image description here"></a></p>
  
  <p>expected behavior: </p>
  
  <p><a href="https://i.stack.imgur.com/udw19.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/udw19.png" alt="enter image description here"></a></p>
  
  <p>I looked for all options presented in the <a href="https://material-ui.com/demos/selects/" rel="nofollow noreferrer">api</a> but no one of them helped, my idea is to get the DOM element directly and apply <code>element.scrollTo=0</code></p>