From a6cf703c48cf7d7af98a62e92659f1c1f89ff82c Mon Sep 17 00:00:00 2001
From: Vitor Ferreira <vitorfrs98@gmail.com>
Date: Thu, 8 Dec 2022 13:43:20 -0300
Subject: [PATCH] [Select] Fix PopoverClasses being overriding

---
 packages/mui-material/src/Menu/Menu.js      | 44 ++++++++++-----------
 packages/mui-material/src/Menu/Menu.test.js | 13 ++++++
 2 files changed, 35 insertions(+), 22 deletions(-)

diff --git a/packages/mui-material/src/Menu/Menu.js b/packages/mui-material/src/Menu/Menu.js
index 3bda0c8d0e5535..f1cc3fe8daa91f 100644
--- a/packages/mui-material/src/Menu/Menu.js
+++ b/packages/mui-material/src/Menu/Menu.js
@@ -158,28 +158,28 @@ const Menu = React.forwardRef(function Menu(inProps, ref) {
 
   return (
     <MenuRoot
-      classes={PopoverClasses}
-      onClose={onClose}
-      anchorOrigin={{
-        vertical: 'bottom',
-        horizontal: isRtl ? 'right' : 'left',
-      }}
-      transformOrigin={isRtl ? RTL_ORIGIN : LTR_ORIGIN}
-      PaperProps={{
-        component: MenuPaper,
-        ...PaperProps,
-        classes: {
-          ...PaperProps.classes,
-          root: classes.paper,
-        },
-      }}
-      className={classes.root}
-      open={open}
-      ref={ref}
-      transitionDuration={transitionDuration}
-      TransitionProps={{ onEntering: handleEntering, ...TransitionProps }}
-      ownerState={ownerState}
-      {...other}
+    onClose={onClose}
+    anchorOrigin={{
+      vertical: 'bottom',
+      horizontal: isRtl ? 'right' : 'left',
+    }}
+    transformOrigin={isRtl ? RTL_ORIGIN : LTR_ORIGIN}
+    PaperProps={{
+      component: MenuPaper,
+      ...PaperProps,
+      classes: {
+        ...PaperProps.classes,
+        root: classes.paper,
+      },
+    }}
+    className={classes.root}
+    open={open}
+    ref={ref}
+    transitionDuration={transitionDuration}
+    TransitionProps={{ onEntering: handleEntering, ...TransitionProps }}
+    ownerState={ownerState}
+    {...other}
+    classes={PopoverClasses}
     >
       <MenuMenuList
         onKeyDown={handleListKeyDown}
diff --git a/packages/mui-material/src/Menu/Menu.test.js b/packages/mui-material/src/Menu/Menu.test.js
index d9c9c0b0f91ac6..f1f9d546d4a545 100644
--- a/packages/mui-material/src/Menu/Menu.test.js
+++ b/packages/mui-material/src/Menu/Menu.test.js
@@ -111,6 +111,19 @@ describe('<Menu />', () => {
 
       expect(screen.getByTestId('paper')).to.have.class('bar');
     });
+
+    it('should be able to change the root element style', () => {
+      render(
+        <Menu
+          anchorEl={document.createElement('div')}
+          open
+          PaperProps={{ 'data-testid': 'paper' }}
+          PopoverClasses={{ root: 'foo' }}
+        />,
+      );
+
+      expect(screen.getByTestId('paper').parentElement).to.have.class('foo');
+    });
   });
 
   it('should pass onClose prop to Popover', () => {