search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.51k stars 260 forks source link

Switch - Focus applied incorrectly #6778

Closed blaesius closed 10 months ago

blaesius commented 1 year ago

Bug Description

The focus is not applied correctly in some of our resources.

When we look at the Web Component Documentation there it is applied correctly as a outside border of the track.

When using the testsuite it is shown incorrectly as a rectangle around the switch. Same for the Github Playground when it is opened in Safari. When it is opened in Chrome the focus is applied correctly.

Affected Component

No response

Expected Behaviour

No response

Isolated Example

https://sap.github.io/ui5-webcomponents/playground/components/Switch/

Steps to Reproduce

1. 2. 3. ...

Log Output, Stack Trace or Screenshots

image

Priority

Medium

UI5 Web Components Version

1.11.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Declaration

s-todorova commented 1 year ago

Hello @SAP/ui5-webcomponents-topic-b,

The focus border of the Switch displays incorrectly as a box instead of the correct rounded shape. I was able to reproduce the issue as described on the playground page in SauceLabs with Safari 16 & MacOS 13, but it is not reproducible on Chrome & Windows as stated above.

Could you please take a look at this?

Best regards, Siyana

hinzzx commented 10 months ago

Hello @blaesius ,

The issue is fixed in the main branch.

BR, Stoyan