scroll nav elements into view when using the keyboard (#50434)

3 years ago · 3fa7f72d6c
parent cf684ed38f
commit 3fa7f72d6c
1 changed files with 3 additions and 0 deletions
--- a/public/app/core/components/NavBar/Next/NavBarItemMenuTrigger.tsx
+++ b/public/app/core/components/NavBar/Next/NavBarItemMenuTrigger.tsx
@ -173,6 +173,9 @@ export function NavBarItemMenuTrigger(props: NavBarItemMenuTriggerProps): ReactE
        setMenuIdOpen(item.id);
        state.open();
      }
+      e.target.scrollIntoView({
+        block: 'nearest',
+      });
    },
    onBlurWithin: (e) => {
      if (e.target?.getAttribute('role') === 'menuitem' && !overlayRef.current?.contains(e.relatedTarget)) {