feat: allow focus ring on action buttons within inputs

2026-05-20 16:39:07 -05:00 · 2024-11-01 18:35:30 -04:00
parent 1e48c91cdd
commit 8f603d1a5d
1 changed files with 3 additions and 3 deletions
@@ -166,12 +166,12 @@ const Field = forwardRef(
 								<IconButton
 									aria-label="toggle password visibility"
 									onClick={() => setVisible((show) => !show)}
-									tabIndex={-1}
 									sx={{
 										color: theme.palette.border.dark,
 										padding: theme.spacing(1),
-										"&:focus": {
-											outline: "none",
+										"&:focus-visible": {
+											outline: `2px solid ${theme.palette.primary.main}`,
+											outlineOffset: `2px`,
 										},
 										"& .MuiTouchRipple-root": {
 											pointerEvents: "none",