From 397e782958d44d66afb3fbdda53860e599682306 Mon Sep 17 00:00:00 2001
From: Meier Lukas <meierschlumpf@gmail.com>
Date: Mon, 30 Sep 2024 09:37:07 +0200
Subject: [PATCH] [@mantine/core] Menu: Fix `onKeyDown` prop not working in
 Menu.Dropdown component (#6910)

---
 .../core/src/components/Menu/MenuDropdown/MenuDropdown.tsx   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/@mantine/core/src/components/Menu/MenuDropdown/MenuDropdown.tsx b/packages/@mantine/core/src/components/Menu/MenuDropdown/MenuDropdown.tsx
index 69534c74ca..677ab1e385 100644
--- a/packages/@mantine/core/src/components/Menu/MenuDropdown/MenuDropdown.tsx
+++ b/packages/@mantine/core/src/components/Menu/MenuDropdown/MenuDropdown.tsx
@@ -38,6 +38,7 @@ export const MenuDropdown = factory<MenuDropdownFactory>((props, ref) => {
     vars,
     onMouseEnter,
     onMouseLeave,
+    onKeyDown,
     children,
     ...others
   } = useProps('MenuDropdown', defaultProps, props);
@@ -45,14 +46,14 @@ export const MenuDropdown = factory<MenuDropdownFactory>((props, ref) => {
   const wrapperRef = useRef<HTMLDivElement>(null);
   const ctx = useMenuContext();
 
-  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
+  const handleKeyDown = createEventHandler<any>(onKeyDown, (event) => {
     if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
       event.preventDefault();
       wrapperRef.current
         ?.querySelectorAll<HTMLButtonElement>('[data-menu-item]:not(:disabled)')[0]
         ?.focus();
     }
-  };
+  });
 
   const handleMouseEnter = createEventHandler<any>(
     onMouseEnter,