fix(ui5-search): update filter icon's styling on hover (#13505)

niyap · web-flow · commit e52f1b9b476c · 2026-05-12T23:22:29.000+03:00
diff --git a/packages/fiori/src/themes/SearchField.css b/packages/fiori/src/themes/SearchField.css
@@ -126,7 +126,7 @@
 	border: var(--_ui5_search_filter_button_border);
 }
 
-::slotted([slot="filterButton"]:hover) {
+::slotted([slot="filterButton"]:not([active]):not(:focus-within):hover) {
 	background-color: var(--sapShell_Hover_Background);
 	border: var(--_ui5_seach_filter_button_border_hover);
 }

Original file line number	Diff line number	Diff line change
`@@ -126,7 +126,7 @@`
`126`	`126`	`border: var(--_ui5_search_filter_button_border);`
`127`	`127`	`}`
`128`	`128`
`129`		`-::slotted([slot="filterButton"]:hover) {`
	`129`	`+::slotted([slot="filterButton"]:not([active]):not(:focus-within):hover) {`
`130`	`130`	`background-color: var(--sapShell_Hover_Background);`
`131`	`131`	`border: var(--_ui5_seach_filter_button_border_hover);`
`132`	`132`	`}`