Skip to content

Commit 4ac0d74

Browse files
authored
fix(ui5-select): correct focus styling for read-only state (#13400)
Problem: In sap_horizon and sap_horizon_dark themes, the read-only focused Select had a rounded outline and wrong focus color, because it inherited incorrect overrides from Input-parameters.css. Solution: Override --_ui5_input_focus_outline_color and --_ui5_input_readonly_focus_border_radius in Select-parameters.css to restore the correct spec values. Fixes #13309
1 parent df9a5da commit 4ac0d74

2 files changed

Lines changed: 4 additions & 0 deletions

File tree

packages/main/src/themes/sap_horizon/Select-parameters.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,6 @@
44
--_ui5_select_hover_icon_left_border: none;
55
--_ui5_select_icon_wrapper_height: calc(100% - 0.0625rem);
66
--_ui5_select_icon_wrapper_state_height: calc(100% - 0.125rem);
7+
--_ui5_input_focus_outline_color: var(--sapContent_FocusColor);
8+
--_ui5_input_readonly_focus_border_radius: 0;
79
}

packages/main/src/themes/sap_horizon_dark/Select-parameters.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,6 @@
44
--_ui5_select_hover_icon_left_border: none;
55
--_ui5_select_icon_wrapper_height: calc(100% - 0.0625rem);
66
--_ui5_select_icon_wrapper_state_height: calc(100% - 0.125rem);
7+
--_ui5_input_focus_outline_color: var(--sapContent_FocusColor);
8+
--_ui5_input_readonly_focus_border_radius: 0;
79
}

0 commit comments

Comments
 (0)