[SG-36350] Accessibility: Global Menu: Focus isn't correctly captured when menus are opened

client/web/src/enterprise/insights/pages/dashboards/dashboard-page/DashboardsContentPage.test.tsx

@@ -250,4 +250,4 @@ describe('DashboardsContent', () => {
 
         await waitFor(() => sinon.assert.calledOnce(mockCopyURL))
     })
-})
+});

client/wildcard/src/components/Menu/MenuList.tsx

@@ -48,4 +48,4 @@ const Popover = React.forwardRef(({ popoverPosition, ...props }, reference) => (
         className={classNames('py-1', props.className)}
         keepInDOM={true}
     />
-)) as ForwardReferenceComponent<'div', PopoverProps>
+)) as ForwardReferenceComponent<'div', PopoverProps>;

client/wildcard/src/components/Popover/README.md

@@ -226,3 +226,5 @@ enum Strategy {
 ```
 
 - **_targetPadding_** (optional) - Adds space/padding between target and popover elements
+
+- **_keepInDOM_** (optional) - By default `PopoverContent` element is removed from DOM when tooltip is hidden. If it's `true`, `PopoverContent` element will be kept in DOM but is hidden with CSS rule `visibility=hidden`. This prop is useful when `PopoverContent` children need this behavior to work. Ex: `@sourcegraph/wildcard` `MenuList` component need this to fix [focus state issue](https://github.com/sourcegraph/sourcegraph/issues/36350).

client/wildcard/src/components/Popover/components/floating-panel/FloatingPanel.tsx

@@ -115,4 +115,4 @@ export const FloatingPanel = forwardRef((props, reference) => {
         </Component>,
         rootRender ?? document.body
     )
-}) as ForwardReferenceComponent<'div', PropsWithChildren<FloatingPanelProps>>
+}) as ForwardReferenceComponent<'div', PropsWithChildren<FloatingPanelProps>>;

client/wildcard/src/components/Popover/components/popover-content/PopoverContent.tsx

@@ -97,4 +97,4 @@ export const PopoverContent = forwardRef((props, reference) => {
             )}
         </FloatingPanel>
     )
-}) as ForwardReferenceComponent<'div', PopoverContentProps>
+}) as ForwardReferenceComponent<'div', PopoverContentProps>;