[Select] Override MenuProps default props

Hello,

I need to override some default classes and props for my application, however it seems that it’s not working very well for nested component.

I want to override the default props of MenuProps object inside the Select component, so I tried to do something like this:

MuiSelect: {
        autoWidth: true,
        variant:   "outlined",

        MenuProps: {
          anchorOrigin: {
            vertical:   "top",
            horizontal: "right",
          },
          transformOrigin: {
            vertical:   "top",
            horizontal: "right",
          },
        },
      },

The autoWidth and variant props are applied, but the nested object MenuProps isn’t, do you know if I have done something wrong ?

My Mui-version is 4.7.2

[oliviertassinari]

I’m not sure we should change the behavior. I think that it’s more intuitive to have it behave like regular default props. Thanks for raising!

[remy-poirier]

Ok my bad, I think I figured out what my problem was, my component was declared like so:

<Select
          className={classes.inputField}
          value={selectedValue}
          onChange={(event: any) => setSelectedValue(event.target.value)}
          MenuProps={{
           classes: {
             paper: classes.paperClass
          }
        }}
        >
          <MenuItem value={1}>Item #1</MenuItem>
          <MenuItem value={2}>Item #2</MenuItem>
          <MenuItem value={3}>Item #3</MenuItem>
          <MenuItem value={4}>Item #4</MenuItem>
          <MenuItem value={5}>Item #5</MenuItem>
        </Select>

But by declaring some props inside this MenuProps object, it seems that the component doesn’t search for props overrides in theme ?

I want to achieve this because I need to set a marginTop on the paper class in order to get the result in the Sandbox below

Here is a sandbox:

https://codesandbox.io/s/amazing-voice-r8zez?fontsize=14&hidenavigation=1&theme=dark If you uncomment the MenuProps declaration in the App component, default props overridden in theme won’t be applied anymore, what I expected is that if I define props manually, they should override the default props overridden, but it doesn’t seem to be the case.