[Select][material-ui] Select allows a second selection while closing

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:
Example with a slow transition to illustrate the issue: https://codesandbox.io/s/intelligent-ben-wsfz3w?file=/Demo.tsx:823-921

Steps:

1. Open the select
2. Select an option
3. Click another option while the transition is occurring.
4. The second options value will be set

Current behavior 😯

When selecting a menu item from the Select components dropdown, a second item can accidentally be selected if the user double clicks.

Expected behavior 🤔

Once a selection is made from the menu, a second selection should not be able to be made.

Context 🔦

Customers are accidentally selecting the wrong option when double clicking.

Your environment 🌎

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Reproduce the issue with the linked CodeSandbox example, focusing on the Demo.tsx selection flow and the slow closing transition. Locate the Select component's selection and closing behavior in the repository, then verify that a second click during the transition cannot change the selected value.