Playground app: issue with styles when switching to RTL

[georgimkv]

Bug Description

In RTL, tabs with icons have the text too close to the icon.

Steps to Reproduce

1. Go to https://sap.github.io/ui5-webcomponents/master/playground/components/TabContainer/?sap-ui-theme=sap_fiori_3&isrtl=true

Context

• UI5 Web Components version: master

Log Output / Stack Trace / Screenshots

Priority

• Low
• Medium
• High
• Very High

[georgimkv]

Hi @SAP/ui5-webcomponents-topic-core

I believe this is an issue with the Playground app.
Switching to RTL mode from "Language and Theme settings" side menu doesn't seem to reset the styles correctly, rendering the results in the screenshot above.

This doesn't happen on https://sap.github.io/ui5-webcomponents/master/playground/main/pages/TabContainer/?sap-ui-language=he which works fine.

Regards,
Georgi

[ilhan007]

Hello @gmkv seems to work now in the master playground

ed

[georgimkv]

It's still reproducible. Load https://sap.github.io/ui5-webcomponents/master/playground/components/TabContainer/, then change the text direction to RTL from the settings menu on the Playground app.

[georgimkv]

If it helps tracking down the bug, clicking on the tabs will "fix" the issue.

[ilhan007]

Thanks, @gmkv now I could reproduce it!

[fifoosid]

This issue is resolved in the master branch. The issue was indeed in the way the Playground was setting RTL