Bug Description
Clicking anywhere on a chart draws a blue focus ring around the chart surface and leaves it there. The charts aren't interactive controls, so the ring is just visual noise.
Steps to Reproduce
- Open any analytics page with a chart (e.g. Overview).
- Click on the chart.
- A blue outline appears around the chart and persists.
Expected Behavior
No focus ring from a mouse click on a non-interactive chart surface — keyboard focus styling should still work where a chart element genuinely is focusable.
Actual Behavior
A persistent blue outline around the chart.
Notes / probable cause
Recharts (^3.7.0) renders a focusable wrapper/<svg> and the browser's default focus ring shows on click. Likely fixed on the chart container in components/analytics/chart-panel.tsx or the individual chart components — use :focus-visible rather than killing :focus outright, so keyboard users keep an indicator.
Affected Package
Dashboard
Bug Description
Clicking anywhere on a chart draws a blue focus ring around the chart surface and leaves it there. The charts aren't interactive controls, so the ring is just visual noise.
Steps to Reproduce
Expected Behavior
No focus ring from a mouse click on a non-interactive chart surface — keyboard focus styling should still work where a chart element genuinely is focusable.
Actual Behavior
A persistent blue outline around the chart.
Notes / probable cause
Recharts (
^3.7.0) renders a focusable wrapper/<svg>and the browser's default focus ring shows on click. Likely fixed on the chart container incomponents/analytics/chart-panel.tsxor the individual chart components — use:focus-visiblerather than killing:focusoutright, so keyboard users keep an indicator.Affected Package
Dashboard