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

[ColinMcCullough]

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 🌎

npx @mui/envinfo

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

[michaldudak]

You can disable pointer event on a closing menu using style overrides:

const theme = createTheme({
  components: {
    MuiMenu: {
      styleOverrides: {
        list: {
          [`.${menuClasses.root}[aria-hidden] &`]: {
            pointerEvents: "none"
          }
        }
      }
    }
  }
});

See https://codesandbox.io/s/naughty-lake-h2sm26?file=/Demo.tsx for the full demo.

Does this help?

[ColinMcCullough]

You can disable pointer event on a closing menu using style overrides:

const theme = createTheme({
  components: {
    MuiMenu: {
      styleOverrides: {
        list: {
          [`.${menuClasses.root}[aria-hidden] &`]: {
            pointerEvents: "none"
          }
        }
      }
    }
  }
});

See https://codesandbox.io/s/naughty-lake-h2sm26?file=/Demo.tsx for the full demo.

Does this help?

Thanks, this works! Just curious are multiple selections expected behavior for this component?

[michaldudak]

I doubt that anyone relies on this "feature". We could fix it in the source. Would you be interested in opening a PR?

[gitkrsna]

@michaldudak can you please assign this issue to me?