SIGN IN SIGN UP

fix(a11y): make keyboard focus visible on every AG-Grid table (#14627)

fix(a11y): show a keyboard focus ring on every AG-Grid cell (LE-2233)

The generic grid theme replaced the focus outline on .ag-cell-focus with a
1px #94a3b8 border and a 5%-alpha shadow, and .ag-tool-mode / .no-border /
.cell-disable-edit cells and AG text inputs cleared it entirely, so keyboard
focus in Settings tables, the table modal and the tools modal had no
perceivable indicator (WCAG 2.4.7). Only .ag-no-border and .ag-knowledge-table
grids had a :focus-visible ring (LE-1561).

- scope every outline suppression to :focus:not(:focus-visible) so the mouse
  look is unchanged and keyboard focus falls through
- replace the two per-grid rings with one .ag-root-wrapper :focus-visible rule
  for cells, header cells, rows and AG inputs, using the --ring token
- hide AG-Grid's own inner ::after header box now that the ring replaces it
- drop the ring suppression from the unused button "menu" variant
- delete two suppression blocks that could never apply (text inputs are always
  :focus-visible; `input .ag-cell-edit-input` matched nothing)
- focus-visible.spec.ts: one perceivability helper (opaque outline, box-shadow
  with a >=0.5-alpha layer, or AG's ::after border) shared by all tests, plus
  an API-keys grid test that fails on release-1.12.0 and passes here
V
Viktor Avelino committed
8122efdfc01f75fb6077fd1ba0eb47e5fe0e43e1
Parent: 431babf
Committed by GitHub <noreply@github.com> on 8/19/2026, 1:02:23 PM