Make the Menu close on Enter press

mui · Sep 19, 2024 · 563d2b1 · 563d2b1
1 parent 9dbc42c
commit 563d2b1
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/mui-base/src/Menu/Item/useMenuItem.ts b/packages/mui-base/src/Menu/Item/useMenuItem.ts
@@ -37,7 +37,14 @@ export function useMenuItem(params: useMenuItem.Parameters): useMenuItem.ReturnV
               event.defaultMuiPrevented = true;
             }
           },
-          onClick: (event: React.MouseEvent) => {
+          onClick: (event: React.MouseEvent | React.KeyboardEvent) => {
+            if (event.type === 'keydown') {
+              if ((event as React.KeyboardEvent).key === 'Enter') {
+                menuEvents.emit('close', event);
+                return;
+              }
+            }
+
             if (closeOnClick) {
               menuEvents.emit('close', event);
             }