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.56k stars 267 forks source link

ui5-illustrated-message inside ui5-busyindicator inside ui5-dialog RTL issue #5788

Closed ee92 closed 2 years ago

ee92 commented 2 years ago

Bug Description

When a ui5-illustrated-message is inside a ui5-busyindicator which is inside a ui5-dialog, it causes a horizontal scrollbar in RTL mode.

Expected Behavior

There should be no horizonal scrollbar

Steps to Reproduce

  1. Go to https://codesandbox.io/s/ui5-webcomponents-forked-x9ui4f
  2. open the dialog
  3. toggle the RTL
  4. notice the dialog gets a horizontal scrollbar in RTL mode

Context

Stakeholder Info

Thanks for looking into it!

LidiyaGeorgieva commented 2 years ago

Hello @SAP/ui5-webcomponents-topic-p, please have a look at this issue. It is related to ui5-illustrated-message component and the position styles here:

image

This can be seen in this isolated sample here: https://codesandbox.io/s/silly-sun-sjwk74