Navigation: Fixes issue with menu closing when hovering back to the trigger (#47992) (#48038)

2022-04-21 10:35:41 +01:00
parent f368cac796
commit c75be3bb3e
1 changed files with 4 additions and 1 deletions
@@ -101,6 +101,7 @@ export function NavBarItemMenuTrigger(props: NavBarItemMenuTriggerProps): ReactE
      className={styles.element}
      {...buttonProps}
      {...keyboardProps}
+      {...hoverProps}
      ref={ref as React.RefObject<HTMLButtonElement>}
      onClick={item?.onClick}
      aria-label={label}
@@ -115,6 +116,7 @@ export function NavBarItemMenuTrigger(props: NavBarItemMenuTriggerProps): ReactE
        <Link
          {...buttonProps}
          {...keyboardProps}
+          {...hoverProps}
          ref={ref as React.RefObject<HTMLAnchorElement>}
          href={item.url}
          target={item.target}
@@ -131,6 +133,7 @@ export function NavBarItemMenuTrigger(props: NavBarItemMenuTriggerProps): ReactE
          onClick={item?.onClick}
          {...buttonProps}
          {...keyboardProps}
+          {...hoverProps}
          ref={ref as React.RefObject<HTMLAnchorElement>}
          className={styles.element}
          aria-label={label}
@@ -179,7 +182,7 @@ export function NavBarItemMenuTrigger(props: NavBarItemMenuTriggerProps): ReactE
  });

  return (
-    <div className={cx(styles.element, 'dropdown')} {...focusWithinProps} {...hoverProps}>
+    <div className={cx(styles.element, 'dropdown')} {...focusWithinProps}>
      {element}
      {state.isOpen && (
        <OverlayContainer>