fix(uui-slider): Focus handle in slider instead of slider track itself (#918)

bjarnef · web-flow · commit b3438a07d28e · 2024-09-27T09:41:08.000+02:00
diff --git a/packages/uui-slider/lib/uui-slider.element.ts b/packages/uui-slider/lib/uui-slider.element.ts
@@ -364,7 +364,7 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {
         fill: var(--uui-color-border-emphasis);
       }
 
-      input:focus ~ #track svg {
+      input:focus ~ #track #thumb {
         outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
           var(--uui-color-focus);
       }

Original file line number	Diff line number	Diff line change
`@@ -364,7 +364,7 @@ export class UUISliderElement extends UUIFormControlMixin(LitElement, '') {`
`364`	`364`	`fill: var(--uui-color-border-emphasis);`
`365`	`365`	`}`
`366`	`366`
`367`		`- input:focus ~ #track svg {`
	`367`	`+ input:focus ~ #track #thumb {`
`368`	`368`	`outline: calc(2px * var(--uui-show-focus-outline, 1)) solid`
`369`	`369`	`var(--uui-color-focus);`
`370`	`370`	`}`