Fix #5858: Menu align focus with PrimeVue

primefaces · Apr 11, 2024 · ee688f8 · ee688f8
1 parent 318be80
commit ee688f8
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/components/lib/menu/Menu.js b/components/lib/menu/Menu.js
@@ -93,6 +93,12 @@ export const Menu = React.memo(
             }
         };
 
+        const onItemMouseMove = (event, key) => {
+            if (event && props.popup && focusedOptionIndex !== key) {
+                setFocusedOptionIndex(key);
+            }
+        };
+
         const onListFocus = (event) => {
             setFocused(true);
 
@@ -349,6 +355,7 @@ export const Menu = React.memo(
             const contentProps = mergeProps(
                 {
                     onClick: (event) => onItemClick(event, item, key),
+                    onMouseMove: (event) => onItemMouseMove(event, key),
                     className: cx('content')
                 },
                 ptm('content')