From 8a5d1e2c6631fc3a17ad3914489680a3eff20a11 Mon Sep 17 00:00:00 2001
From: fullsend-code
 <278716306+fullsend-ai-coder[bot]@users.noreply.github.com>
Date: Wed, 24 Jun 2026 10:40:10 +0000
Subject: [PATCH] fix(#3549): add focus-visible indicators to Select menu

Add visible focus ring styles to the "top N" Select menu in
adoption insights. The select trigger and dropdown menu items
now show a 2px primary-colored outline on :focus-visible,
restoring keyboard accessibility (WCAG 2.4.7 Focus Visible).

The existing :focus style that sets backgroundColor to
transparent is preserved, and a new :focus-visible rule adds
the outline so keyboard-only users see a clear focus indicator
without affecting mouse interactions.

Closes #3549
---
 .../components/CardFooter/TableFooterPagination.tsx   | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/workspaces/adoption-insights/plugins/adoption-insights/src/components/CardFooter/TableFooterPagination.tsx b/workspaces/adoption-insights/plugins/adoption-insights/src/components/CardFooter/TableFooterPagination.tsx
index 8c99f31908..7b8f9d5f09 100644
--- a/workspaces/adoption-insights/plugins/adoption-insights/src/components/CardFooter/TableFooterPagination.tsx
+++ b/workspaces/adoption-insights/plugins/adoption-insights/src/components/CardFooter/TableFooterPagination.tsx
@@ -99,6 +99,11 @@ const TableFooterPagination: FC<TableFooterPaginationProps> = ({
           '& .v5-MuiTablePagination-select:focus': {
             backgroundColor: 'transparent',
           },
+          '& .v5-MuiTablePagination-select:focus-visible': {
+            outline: theme => `2px solid ${theme.palette.primary.main}`,
+            outlineOffset: '-2px',
+            borderRadius: 1,
+          },
         }}
         rowsPerPageOptions={rowsPerPageOptions}
         component="div"
@@ -115,6 +120,12 @@ const TableFooterPagination: FC<TableFooterPaginationProps> = ({
             MenuProps: {
               MenuListProps: {
                 autoFocusItem: false,
+                sx: {
+                  '& .MuiMenuItem-root:focus-visible': {
+                    outline: theme => `2px solid ${theme.palette.primary.main}`,
+                    outlineOffset: '-2px',
+                  },
+                },
               },
               PaperProps: {
                 sx: {