[material-ui] Select components contain too many menu items with scroll, the padding right attribute is set not correctly

[Vxee]

Steps to reproduce

Link to live example: (required)
https://codesandbox.io/p/sandbox/stupefied-morse-sh6kcj

I override global Menu and MenuItem component style

Steps:

1. Click select component
2. hover or select one
3. The paddingRight is '0', it should be '8px'

Current behavior

Expected behavior

Context

I have checked the Select code, here is the logic will add this logic to override the padding

React.useImperativeHandle(
    actions,
    () => ({
      adjustStyleForScrollbar: (containerElement, { direction }) => {
        // Let's ignore that piece of logic if users are already overriding the width
        // of the menu.
        const noExplicitWidth = !listRef.current.style.width;
        if (containerElement.clientHeight < listRef.current.clientHeight && noExplicitWidth) {
          const scrollbarSize = `${getScrollbarSize(ownerDocument(containerElement))}px`;
          listRef.current.style[direction === 'rtl' ? 'paddingLeft' : 'paddingRight'] =
            scrollbarSize;
          listRef.current.style.width = `calc(100% + ${scrollbarSize})`;
        }
        return listRef.current;
      },
    }),
    [],
  );

Is it possible provide a prop can turn off this function?

Your environment

npx @mui/envinfo

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

Search keywords: Select, Menu, scroll, padding-right

[Vxee]

@mj12albert Can you help to check it? Thanks.

[ZeeshanTamboli]

@Vxee I am not able to see the issue in the CodeSandbox you provided. Can you update it?

[Vxee]

@ZeeshanTamboli @mj12albert I updated CodeSandbox, you can try it, thanks.

[ZeeshanTamboli]

I updated CodeSandbox, you can try it, thanks.

@Vxee Still not seeing the reproduction in the CodeSandbox. You just added a new image in the issue description.

[Vxee]

@ZeeshanTamboli Updated link, please try again. Sorry for that.