From ac501dc2618a23492895035dfe404f0816115241 Mon Sep 17 00:00:00 2001 From: MarcoE Date: Thu, 17 Sep 2026 12:46:28 +0200 Subject: [PATCH] Metti l'anello di focus solo sui comandi La regola valeva per qualunque elemento, e la WebView sposta il fuoco anche su contenitori non interattivi: dopo la chiusura di un dialog restava un anello azzurro intorno al titolo della testata, che indicava un bersaglio inesistente. Ora lo prendono link, bottoni, campi e gli elementi dichiaratamente tappabili. Co-Authored-By: Claude Opus 5 (1M context) --- SteUp.Shared/wwwroot/css/base.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/SteUp.Shared/wwwroot/css/base.css b/SteUp.Shared/wwwroot/css/base.css index 6211265..12dd292 100644 --- a/SteUp.Shared/wwwroot/css/base.css +++ b/SteUp.Shared/wwwroot/css/base.css @@ -228,7 +228,18 @@ h1, h2, h3, h4, h5, h6, p { outline: none; } -:focus-visible { +/* L'anello segna un comando raggiunto da tastiera. Va messo sui controlli, non + su qualunque elemento che il motore decida di mettere a fuoco: la WebView + sposta il fuoco anche su contenitori non interattivi (per esempio la testata, + dopo la chiusura di un dialog) e li' l'anello indica un bersaglio che non + esiste. */ +a:focus-visible, +button:focus-visible, +input:focus-visible, +select:focus-visible, +textarea:focus-visible, +[role="button"]:focus-visible, +[tabindex]:not([tabindex="-1"]):focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: var(--radius-compact);