Skip to content

[SFSF][ObjectStatus]: [High contrast black theme, while focus/hover the button the text is not visible] #7280

@Muthu3982

Description

@Muthu3982

Describe the bug

Access the object status web component react with high contrast dark theme or click this link - https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/data-display-objectstatus--docs&globals=theme:sap_horizon_hcb

Now when you tab continuously to the section "All ObjecStatus states" and further tabbing to keep focus on any of the status message the text will get invisible because of the background color, the expected scenario is to get highlighted with dotted lines, please refer the attached screenshot.

Isolated Example

No response

Reproduction steps

  1. Navigate to https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/data-display-objectstatus--docs&globals=theme:sap_horizon_hcb
  2. Tab to section All ObjecStatus states
  3. Upon further tab to interactive status message the text will get disappear.
    ...

Expected Behaviour

Upon focus/hover the highlight should be as dotted lines.

Screenshots or Videos

Image

UI5 Web Components for React Version

v2.9.2

UI5 Web Components Version

v2.9.0

Browser

Chrome, Edge

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    Status

    🆕 New

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions