fix: improve visible focus styling

r0b1n · r0b1n · commit fe2e5bad2bdf · 2025-07-30T14:50:07.000+02:00
diff --git a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-dropdown-filter.scss b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-dropdown-filter.scss
@@ -150,9 +150,9 @@ $root: ".widget-dropdown-filter";
             border-inline-end: 1px solid var(--gray, #787d87);
         }
 
-        &:focus {
-            border-radius: 2px;
-            outline: 2px solid var(--brand-primary, $brand-primary);
+        &:focus-visible {
+            outline-offset: -2px;
+            outline: var(--brand-primary, $brand-primary) solid 1px;
         }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -150,9 +150,9 @@ $root: ".widget-dropdown-filter";`
`150`	`150`	`border-inline-end: 1px solid var(--gray, #787d87);`
`151`	`151`	`}`
`152`	`152`
`153`		`- &:focus {`
`154`		`- border-radius: 2px;`
`155`		`- outline: 2px solid var(--brand-primary, $brand-primary);`
	`153`	`+ &:focus-visible {`
	`154`	`+ outline-offset: -2px;`
	`155`	`+ outline: var(--brand-primary, $brand-primary) solid 1px;`
`156`	`156`	`}`
`157`	`157`	`}`
`158`	`158`