AnchoredOverlay: Keep tabIndex for renderAnchor

.changeset/anchored-overlay-clever-mails-roll.md

@@ -1,8 +1,5 @@
 ---
-"@primer/react": patch
+'@primer/react': patch
 ---
 
-AnchoredOverlay accessibility fixes
-- `aria-expanded` attribute is removed from anchor when overlay is not open
-- `tabIndex=0` is removed from anchor because it should only be used with interactive elements
-
+AnchoredOverlay: `aria-expanded` attribute is removed from anchor when overlay is not open

src/AnchoredOverlay/AnchoredOverlay.tsx

@@ -166,6 +166,7 @@ export const AnchoredOverlay: React.FC<AnchoredOverlayProps> = ({
           id: anchorId,
           'aria-haspopup': 'true',
           'aria-expanded': open ? 'true' : undefined,
+          tabIndex: 0,
           onClick: onAnchorClick,
           onKeyDown: onAnchorKeyDown
         })}

src/__tests__/__snapshots__/ActionMenu.test.tsx.snap

@@ -130,6 +130,7 @@ exports[`ActionMenu renders consistently 1`] = `
     id="react-aria-1"
     onClick={[Function]}
     onKeyDown={[Function]}
+    tabIndex={0}
     type="button"
   >
     <span

src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap

@@ -85,6 +85,7 @@ exports[`AnchoredOverlay renders consistently 1`] = `
     id="react-aria-1"
     onClick={[Function]}
     onKeyDown={[Function]}
+    tabIndex={0}
   >
     Anchor Button
   </button>
@@ -201,6 +202,7 @@ exports[`AnchoredOverlay should render consistently when open 1`] = `
       aria-haspopup="true"
       class="c1"
       id="react-aria-1"
+      tabindex="0"
     >
       Anchor Button
     </button>

src/__tests__/__snapshots__/SelectPanel.test.tsx.snap

@@ -89,6 +89,7 @@ exports[`SelectPanel renders consistently 1`] = `
     id="react-aria-1"
     onClick={[Function]}
     onKeyDown={[Function]}
+    tabIndex={0}
     type="button"
   >
     Select Items

src/__tests__/deprecated/__snapshots__/ActionMenu.test.tsx.snap

@@ -74,5 +74,6 @@ exports[`ActionMenu renders consistently 1`] = `
   id="react-aria-1"
   onClick={[Function]}
   onKeyDown={[Function]}
+  tabIndex={0}
 />
 `;

src/__tests__/deprecated/__snapshots__/DropdownMenu.test.tsx.snap

@@ -77,6 +77,7 @@ exports[`DropdownMenu renders consistently 1`] = `
   id="react-aria-1"
   onClick={[Function]}
   onKeyDown={[Function]}
+  tabIndex={0}
   type="button"
 >
   <svg