diff --git a/packages/mui-material/src/Autocomplete/Autocomplete.js b/packages/mui-material/src/Autocomplete/Autocomplete.js index 48daae9769e519..97993d41c064c0 100644 --- a/packages/mui-material/src/Autocomplete/Autocomplete.js +++ b/packages/mui-material/src/Autocomplete/Autocomplete.js @@ -618,6 +618,9 @@ const Autocomplete = React.forwardRef(function Autocomplete(inProps, ref) { externalForwardedProps, ownerState, className: classes.paper, + additionalProps: { + elevation: 8, + }, }); const [StatusSlot, statusProps] = useSlot('status', { diff --git a/packages/mui-material/src/Autocomplete/Autocomplete.test.js b/packages/mui-material/src/Autocomplete/Autocomplete.test.js index f6a2ae6a0b2638..d98a71a4f2be5d 100644 --- a/packages/mui-material/src/Autocomplete/Autocomplete.test.js +++ b/packages/mui-material/src/Autocomplete/Autocomplete.test.js @@ -20,6 +20,7 @@ import Autocomplete, { } from '@mui/material/Autocomplete'; import Grow from '@mui/material/Grow'; import InputAdornment from '@mui/material/InputAdornment'; +import { paperClasses } from '@mui/material/Paper'; import Popper from '@mui/material/Popper'; import Tooltip from '@mui/material/Tooltip'; import describeConformance from '../../test/describeConformance'; @@ -146,6 +147,18 @@ describe('', () => { }); }); + it('should have an elevation of 8 by default that can be overridden', () => { + const { setProps } = render( + } />, + ); + + expect(document.querySelector(`.${classes.paper}`)).to.have.class(paperClasses.elevation8); + + setProps({ slotProps: { paper: { elevation: 16 } } }); + + expect(document.querySelector(`.${classes.paper}`)).to.have.class(paperClasses.elevation16); + }); + it('should not throw error when accessing ownerState in styleOverrides', () => { const theme = createTheme({ components: {