fix(input): ensure hover style does not apply when readonly or focused

desig9stein · desig9stein · commit c985779a7409 · 2025-06-10T17:18:37.000+03:00
diff --git a/src/components/input/themes/shared/input.fluent.scss b/src/components/input/themes/shared/input.fluent.scss
@@ -118,7 +118,7 @@ $theme: $fluent;
     }
 }
 
-:host(:not([readonly]):hover) {
+:host(:not([readonly], :focus-within):hover) {
     [part^='container'] {
         &::before {
             // The color: here is the actual box-shadow color. If we don't provide color-value to the shadow it

Original file line number	Diff line number	Diff line change
`@@ -118,7 +118,7 @@ $theme: $fluent;`
`118`	`118`	`}`
`119`	`119`	`}`
`120`	`120`
`121`		`-:host(:not([readonly]):hover) {`
	`121`	`+:host(:not([readonly], :focus-within):hover) {`
`122`	`122`	`[part^='container'] {`
`123`	`123`	`&::before {`
`124`	`124`	`// The color: here is the actual box-shadow color. If we don't provide color-value to the shadow it`