ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

[SF][Safari][ui5-panel]: header focus style is not right in Safari for horizon theme

Open GongRichard opened this issue 3 years ago • 1 comments

Bug Description

The header focus style of ui5-panel is not right in Safari for horizon theme.

Expected Behavior

Should have border-radius for header focus style

Steps to Reproduce

  1. Use Safari to go to 'https://sap.github.io/ui5-webcomponents/playground/components/Panel/?sap-ui-theme=sap_horizon&isrtl=false'
  2. The header focus style of ui5-panel is not right in Safari for horizon theme.

Context

  • UI5 Web Components version: {1.4.0}
  • OS/Platform: {...}
  • Browser: {Safari}
  • Affected component: {...}

Log Output / Stack Trace / Screenshots

2022-07-25_19-06-58

Priority

  • [ ] Low
  • [x] Medium
  • [ ] High
  • [ ] Very High

The priority indicates the severity of the issue. To set the appropriate priority consider the following criteria:

  • Breaks entire application or system - High or Very High
  • Accessibility issue - Medium or High
  • Functional issue - Medium or High
  • Visual issue - Low or Medium

Note: The priority might be re-evaluated by the issue processor.

Stakeholder Info (if applicable)

  • Organization: {SAP SuccessFactors}
  • Business impact: {...}

GongRichard avatar Jul 25 '22 11:07 GongRichard

Hi @SAP/ui5-webcomponents-topic-rl,

Looks like the focus border radius of ui5-panel's header is improperly visualized on Safari. This is reproducible in the samples: https://sap.github.io/ui5-webcomponents/playground/components/Panel/?sap-ui-theme=sap_horizon&isrtl=false

Could you take a look?

Regards, Stanislav

stbodurov avatar Jul 26 '22 08:07 stbodurov