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.47k stars 254 forks source link

[ui5-popover]: RTL sample issue #9232

Closed kskondov closed 2 weeks ago

kskondov commented 2 weeks ago

Bug Description

When in RTL mode the dot in the popover is displayed before the text PopoverRTL

Affected Component

Popover, Responsive Popover

Expected Behaviour

Text is displayed correctly with the dot at the end

Isolated Example

https://sap.github.io/ui5-webcomponents/nightly/components/Popover/

Steps to Reproduce

  1. Open: https://sap.github.io/ui5-webcomponents/nightly/components/Popover/
  2. Change text direction to RTL from Settings
  3. Open Basic Sample popover

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.0

Browser

Chrome, Safari

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

LidiyaGeorgieva commented 2 weeks ago

Hello @kskondov ,

This is expected behavior. You can see this plain html sample: https://jsbin.com/berahaxiyo/edit?html,output Also you can test sap.m.Text in this page: https://sapui5untested.int.sap.eu2.hana.ondemand.com/#/entity/sap.m.Text/sample/sap.m.sample.Text image If the textDirection property is set to "RTL" the result is the same. It is different if the textDirection property is set to "LTR" (page is in RTL, but specific control is with own direction): image but this is possible for the Label component, which is currently used inside the Popover, only by adding custom styles: direction: ltr and display: inline-block

Best Regards, Lidiya