fix(custom-select): keyboard focus ring appears on mouse interaction (#4919)

mfranzke · web-flow · commit 1d95e6673494 · 2025-09-10T12:57:03.000+02:00
* fix(custom-select): keyboard focus ring appears on mouse interaction

* feat: adding changeset
diff --git a/.changeset/modern-doors-give.md b/.changeset/modern-doors-give.md
@@ -0,0 +1,9 @@
+---
+"@db-ux/core-components": patch
+"@db-ux/ngx-core-components": patch
+"@db-ux/react-core-components": patch
+"@db-ux/v-core-components": patch
+"@db-ux/wc-core-components": patch
+---
+
+fix(custom-select): keyboard focus ring appears on mouse interaction
diff --git a/packages/components/src/components/custom-select-list-item/custom-select-list-item.scss b/packages/components/src/components/custom-select-list-item/custom-select-list-item.scss
@@ -34,7 +34,7 @@ db-custom-select-list-item:not(:last-of-type) {
 		}
 	}
 
-	&:has(> label > input:focus-within) {
+	&:has(> label > input:focus-visible) {
 		@extend %focus-placeholder;
 	}
 

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ db-custom-select-list-item:not(:last-of-type) {`
`34`	`34`	`}`
`35`	`35`	`}`
`36`	`36`
`37`		`- &:has(> label > input:focus-within) {`
	`37`	`+ &:has(> label > input:focus-visible) {`
`38`	`38`	`@extend %focus-placeholder;`
`39`	`39`	`}`
`40`	`40`