From 8c0decbabdf69eddf139e5531eb5954f0168f514 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Thu, 9 Jun 2022 02:36:28 -0600
Subject: [PATCH] scroll nav elements into view when using the keyboard
 (#50434) (#50479)

(cherry picked from commit 3fa7f72d6c64c743c31047cac8698a13704a1610)

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
---
 .../app/core/components/NavBar/Next/NavBarItemMenuTrigger.tsx  | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/app/core/components/NavBar/Next/NavBarItemMenuTrigger.tsx b/public/app/core/components/NavBar/Next/NavBarItemMenuTrigger.tsx
index dbd3d26dc98..5bd6b2c11e6 100644
--- 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)) {