Skip to content

[ui5-button] wrong borders on active + focus state #8156

@hinzzx

Description

@hinzzx

Bug Description

Currently in fiori 3 theme, the buttons (and the controls using it, like ui5-split-button for example) upon being focused and active have black outline, while it should be white.
Another thing that we noticed, is that in horizon theme, the Emphasized button upon being focused and active have its outline to white, which is the same color as its background, resulting in non-visible outline.

Actual ( applies for Default, Positive, Negative, Attention and Transparent ) (Fiori 3)

image

Expected ( applies for Default, Positive, Negative, Attention and Transparent ) (Fiori 3)

image

Case #2 Emphasized button in Horizon

Actual

image

Expected

image

Affected Component

ui5-button

Expected Behaviour

To have correct visual outlines upon focused and active state

Isolated Example

No response

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

nightly

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

Status

Completed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions