Tab: text is blurred in Safari - Githubissues

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.58k stars 271 forks source link

Tab: text is blurred in Safari #10262

Open Lukas742 opened 1 week ago

Lukas742 commented 1 week ago

Bug Description

In Safari, the text of tabs of the TabContainer are blurred.

This is probably because font-weight: bold is set which doesn't mix well with the given font-family. Without font-weight: bold it looks fine:

Affected Component

ui5-tab

Expected Behaviour

No response

Isolated Example

https://sap.github.io/ui5-webcomponents/components/TabContainer

Steps to Reproduce

In Safari, go to the TabContainer playground example
See blurred tab text

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.4.0

Browser

Safari

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

[X] I’m not disclosing any internal or sensitive information.

s-todorova commented 1 week ago

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

Issue is reproducible as described. Could you please take a look at this?

Best regards, Siyana