Skip to content

fix(ui5-select): correct focus styling for read-only state#13400

Merged
NakataCode merged 1 commit intomainfrom
select-read-only-focus-border
Apr 17, 2026
Merged

fix(ui5-select): correct focus styling for read-only state#13400
NakataCode merged 1 commit intomainfrom
select-read-only-focus-border

Conversation

@NakataCode
Copy link
Copy Markdown
Contributor

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

@ui5-webcomponents-bot
Copy link
Copy Markdown
Collaborator

ui5-webcomponents-bot commented Apr 16, 2026

🧹 Preview deployment cleaned up: https://pr-13400--ui5-webcomponents.netlify.app

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview April 16, 2026 11:21 Inactive
@NakataCode NakataCode merged commit 4ac0d74 into main Apr 17, 2026
33 of 38 checks passed
@NakataCode NakataCode deleted the select-read-only-focus-border branch April 17, 2026 13:52
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview April 17, 2026 13:56 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Select][Web Components][2.20.1]: Focus styling does not match specification

3 participants