fix: ensure delete action is visible on keyboard focus

Copilot · pikann · web-flow · commit 0610d2e1fe7f · 2026-05-12T07:37:38.000Z
Agent-Logs-Url: https://github.com/Paca-AI/paca-plugin-bdd/sessions/6e75eed2-7e3b-4835-bbfd-c983d70b3e9b Co-authored-by: pikann <41873019+pikann@users.noreply.github.com>
diff --git a/frontend/src/BDDScenariosSection.tsx b/frontend/src/BDDScenariosSection.tsx
@@ -215,7 +215,7 @@ function ScenarioCard({
 							deleteMut.mutate();
 						}}
 						disabled={deleteMut.isPending}
-						className="ml-1 shrink-0 rounded-md p-1 text-muted-foreground/50 opacity-0 group-hover/scenario:opacity-100 group-focus-within/scenario:opacity-100 hover:text-destructive hover:bg-destructive/5 transition-colors duration-150"
+						className="ml-1 shrink-0 rounded-md p-1 text-muted-foreground/50 opacity-0 group-hover/scenario:opacity-100 group-focus-within/scenario:opacity-100 focus-visible:opacity-100 hover:text-destructive hover:bg-destructive/5 transition-colors duration-150"
 						aria-label="Delete scenario"
 					>
 						<Trash2 className="size-3.5" />

Original file line number	Diff line number	Diff line change
`@@ -215,7 +215,7 @@ function ScenarioCard({`
`215`	`215`	`deleteMut.mutate();`
`216`	`216`	`}}`
`217`	`217`	`disabled={deleteMut.isPending}`
`218`		`- className="ml-1 shrink-0 rounded-md p-1 text-muted-foreground/50 opacity-0 group-hover/scenario:opacity-100 group-focus-within/scenario:opacity-100 hover:text-destructive hover:bg-destructive/5 transition-colors duration-150"`
	`218`	`+ className="ml-1 shrink-0 rounded-md p-1 text-muted-foreground/50 opacity-0 group-hover/scenario:opacity-100 group-focus-within/scenario:opacity-100 focus-visible:opacity-100 hover:text-destructive hover:bg-destructive/5 transition-colors duration-150"`
`219`	`219`	`aria-label="Delete scenario"`
`220`	`220`	`>`
`221`	`221`	`<Trash2 className="size-3.5" />`