S-modal not working properly in RTL (Hebrew/Arabic) layouts

Polaris
1

I’ve encountered an issue with s-modal when using RTL (Right-to-Left) languages such as Hebrew and Arabic. The component does not behave as expected in RTL layouts, which causes layout and usability problems.

image
image431×568 9.15 KB

Issue Details:

The modal positioning/alignment appears incorrect in RTL mode. its covered by left side menubar. it should show on Center as its with other language.

Question:

Has anyone else experienced this issue with s-modal in RTL?
Is there a recommended fix or workaround to make it fully RTL-compatible?

Any guidance would be appreciated. Thanks!

2

Can you give a small reproduction? Something like forking this codepen would be great. Thanks!

https://codepen.io/afrehner/pen/pvJmQvr

3

Ah, we’ve reproduced internally. Looking at fixes. Thanks for reporting!

1 Like
4

@Anthony_Frehner
any update ?

5

Have some patience, Anthony only replied yesterday.

1 Like
6

@Luke @Anthony_Frehner Merchant is facing this issue. any update regarding it ? Thanks!