[v9.5.x] Navigation: Scrolled hamburger menu links now navigate correctly in Safari (#66270)

Navigation: Scrolled hamburger menu links now navigate correctly in Safari (#66261)

overlayProps/dialogProps need to go inside FocusScope

(cherry picked from commit 0aa301e251)

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>

public/app/core/components/MegaMenu/NavBarMenu.tsx

@@ -61,8 +61,8 @@ export function NavBarMenu({ activeItem, navItems, searchBarHidden, onClose }: P
         timeout={{ enter: animationSpeed, exit: 0 }}
         onExited={onClose}
       >
-        <div data-testid="navbarmenu" ref={ref} {...overlayProps} {...dialogProps} className={styles.container}>
-          <FocusScope contain autoFocus>
+        <FocusScope contain autoFocus>
+          <div data-testid="navbarmenu" ref={ref} {...overlayProps} {...dialogProps} className={styles.container}>
             <div className={styles.mobileHeader}>
               <Icon name="bars" size="xl" />
               <IconButton
@@ -82,8 +82,8 @@ export function NavBarMenu({ activeItem, navItems, searchBarHidden, onClose }: P
                 </ul>
               </CustomScrollbar>
             </nav>
-          </FocusScope>
-        </div>
+          </div>
+        </FocusScope>
       </CSSTransition>
       <CSSTransition
         nodeRef={backdropRef}