ObjectPage: Header button not working with RTL

[lpohren]

Describe the bug
On the Object header, whenever we have a button in the header, RTL is not applied on it.

To Reproduce
Steps to reproduce the behavior:

1. set dir="rtl" on the root element
2. Open an Object page that contains a button in the header
3. The button is still left oriented

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

UI5 Web Components for React Information
Operating System:
@ui5/webcomponents-react version: 0.9.0-rc.1

Additional comments
For the element in the image above, a possible solution is changing:
float: right; right: 1.25rem

for

float: left; left: 1.25rem

[MarcusNotheis]

Hi @lpohren - just released in version 0.9.0-rc.2

[lpohren]

Hi @MarcusNotheis ,
I tested it on 0.9.0-rc.3 and its still not working. I believe the issue is in the right property which should be set to none.

[MarcusNotheis]

Hi @lpohren I found the root cause for this Issue. Our Custom Components expect to have a dir="rtl" attribute on any parent attribute, that's why the button was on the wrong side. UI5 Web Components for React is now automatically adding this dir attribute to the html tag when UI5 Web Components are detecting an rtl environment.
Released again in 0.9.0-rc.7