fix(ui5-search): fix focus on collapsed search button (#12020)

StefanDimitrov04 · web-flow · commit 1956ddd8da4a · 2025-07-30T11:09:08.000+03:00
diff --git a/packages/fiori/src/themes/SearchField.css b/packages/fiori/src/themes/SearchField.css
@@ -207,6 +207,7 @@
 	background-color: var(--_ui5-search-elements-background);
 	min-width: var(--_ui5_search_icon_size_default);
 	height: var(--_ui5_search_icon_size_default);
+	border-radius: var(--_ui5_shellbar_button_border_radius);
 }
 
 .ui5-shell-search-field-button:not([design="Emphasized"]):hover {
@@ -224,7 +225,7 @@
 .ui5-shell-search-field-button[active]::part(button):focus-visible:before,
 .ui5-shell-search-field-button[design="Emphasized"][desktop]::part(button):focus-within:before,
 .ui5-shell-search-field-button[design="Emphasized"]::part(button):focus-visible:before {
-	border-radius: var(--_ui5_search_icon_border_radius);
+	border-radius: var(--_ui5_shellbar_button_border_radius);
 }
 
 

Original file line number	Diff line number	Diff line change
`@@ -207,6 +207,7 @@`
`207`	`207`	`background-color: var(--_ui5-search-elements-background);`
`208`	`208`	`min-width: var(--_ui5_search_icon_size_default);`
`209`	`209`	`height: var(--_ui5_search_icon_size_default);`
	`210`	`+ border-radius: var(--_ui5_shellbar_button_border_radius);`
`210`	`211`	`}`
`211`	`212`
`212`	`213`	`.ui5-shell-search-field-button:not([design="Emphasized"]):hover {`
`@@ -224,7 +225,7 @@`
`224`	`225`	`.ui5-shell-search-field-button[active]::part(button):focus-visible:before,`
`225`	`226`	`.ui5-shell-search-field-button[design="Emphasized"][desktop]::part(button):focus-within:before,`
`226`	`227`	`.ui5-shell-search-field-button[design="Emphasized"]::part(button):focus-visible:before {`
`227`		`- border-radius: var(--_ui5_search_icon_border_radius);`
	`228`	`+ border-radius: var(--_ui5_shellbar_button_border_radius);`
`228`	`229`	`}`
`229`	`230`
`230`	`231`