Fix for clickable bug at the edge of trigger

code0-tech · Feb 13, 2024 · 5db79ea · 5db79ea
1 parent b4c01ef
commit 5db79ea
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/menu/Menu.tsx b/src/components/menu/Menu.tsx
@@ -57,8 +57,8 @@ const Menu: React.FC<MenuType<any>> = (props) => {
 
     return (
         <>
-            <div ref={triggerRef}>
-                {menuTrigger ? React.cloneElement(menuTrigger.props.children, {...buttonProps, tabIndex: 1}) : null}
+            <div ref={triggerRef} {...buttonProps}>
+                {menuTrigger ? React.cloneElement(menuTrigger.props.children, {tabIndex: 1}) : null}
             </div>
 
             {state.isOpen && (
@@ -133,4 +133,4 @@ export default Object.assign(Menu, {
     Shortcut: MenuShortcut,
     Section: MenuSection,
     Icon: MenuIcon
-})
+})