fix(tabs): in indigo theme use focus-within instead of :focus-visible (#15805)

desig9stein · web-flow · commit 01338c711dda · 2025-05-15T10:59:47.000+03:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss
@@ -509,7 +509,7 @@
 
         @if $indigo-theme {
             &:hover,
-            &:focus-visible {
+            &:focus-within {
                 background: var-get($theme, 'item-hover-background');
             }
         }

Original file line number	Diff line number	Diff line change
`@@ -509,7 +509,7 @@`
`509`	`509`
`510`	`510`	`@if $indigo-theme {`
`511`	`511`	`&:hover,`
`512`		`- &:focus-visible {`
	`512`	`+ &:focus-within {`
`513`	`513`	`background: var-get($theme, 'item-hover-background');`
`514`	`514`	`}`
`515`	`515`	`}`