IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-14 01:23:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Joao Silva 2022-04-21 10:12:37 +01:00 committed by GitHub
parent ff5aef194c
commit 34d4b571e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/app/core/components/NavBar/Next/NavBarItemMenuTrigger.tsx
View File

@ -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 portalContainer={getPortalContainer()}>