From c64e38516f65b6e123de2163f044662efa8f41a3 Mon Sep 17 00:00:00 2001 From: PetyaMarkovaBogdanova Date: Fri, 17 Apr 2026 15:18:02 +0300 Subject: [PATCH 1/3] fix(ui5-select): fix active state of select when opened --- packages/main/src/themes/Select.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/packages/main/src/themes/Select.css b/packages/main/src/themes/Select.css index 94971eab04f4..90da52696d37 100644 --- a/packages/main/src/themes/Select.css +++ b/packages/main/src/themes/Select.css @@ -7,6 +7,31 @@ width: var(--_ui5_button_base_min_width); } +:host([opened]) .ui5-input-focusable-element::after { + content: var(--ui5_input_focus_pseudo_element_content); + position: absolute; + pointer-events: none; + z-index: 2; + border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color); + border-radius: var(--_ui5_input_focus_border_radius); + top: var(--_ui5_input_focus_offset); + bottom: var(--_ui5_input_focus_offset); + left: var(--_ui5_input_focus_offset); + right: var(--_ui5_input_focus_offset); +} + +:host([value-state="Negative"][opened]:not([readonly])) .ui5-input-focusable-element:after { + border-color: var(--_ui5_input_focused_value_state_error_focus_outline_color); +} + +:host([value-state="Critical"][opened]:not([readonly])) .ui5-input-focusable-element:after { + border-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color); +} + +:host([value-state="Positive"][opened]:not([readonly])) .ui5-input-focusable-element:after { + border-color: var(--_ui5_input_focused_value_state_success_focus_outline_color); +} + :host([icon]) .ui5-select-root { min-width: var(--_ui5_button_base_min_width); } From 82bb9a628a9b2c9ef9fce0a19c61feeca4a5f11e Mon Sep 17 00:00:00 2001 From: PetyaMarkovaBogdanova Date: Fri, 17 Apr 2026 16:52:06 +0300 Subject: [PATCH 2/3] fix(ui5-select): readonly state fixed --- packages/main/src/themes/Select.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/main/src/themes/Select.css b/packages/main/src/themes/Select.css index 90da52696d37..062e3842c36d 100644 --- a/packages/main/src/themes/Select.css +++ b/packages/main/src/themes/Select.css @@ -20,6 +20,11 @@ right: var(--_ui5_input_focus_offset); } +:host([focused][readonly]) .ui5-input-focusable-element::after { + display: none; +} + + :host([value-state="Negative"][opened]:not([readonly])) .ui5-input-focusable-element:after { border-color: var(--_ui5_input_focused_value_state_error_focus_outline_color); } From 0e11aa00e10c7bdba854f8613ebfa4aaa043c85c Mon Sep 17 00:00:00 2001 From: PetyaMarkovaBogdanova Date: Fri, 24 Apr 2026 15:25:37 +0300 Subject: [PATCH 3/3] fix(ui5-select): readonly ficus color fixed --- packages/main/src/themes/Select.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/packages/main/src/themes/Select.css b/packages/main/src/themes/Select.css index 062e3842c36d..90da52696d37 100644 --- a/packages/main/src/themes/Select.css +++ b/packages/main/src/themes/Select.css @@ -20,11 +20,6 @@ right: var(--_ui5_input_focus_offset); } -:host([focused][readonly]) .ui5-input-focusable-element::after { - display: none; -} - - :host([value-state="Negative"][opened]:not([readonly])) .ui5-input-focusable-element:after { border-color: var(--_ui5_input_focused_value_state_error_focus_outline_color); }