When using a right-to-left language, like Arabic, text should flow from the right of the screen to the left. However, the modal has a CSS rule that applies text-align: left which cascades to the content inside of the modal.
Version:
1.3.35
Example & screenshots:
The CSS rule that causes the problem is:
.v--modal {
text-align: left;
}
In the screenshot below, you can see how it is effecting a page with <body dir="rtl">. (The <input> options should start on the right.)
In the screenshot below, I fixed this by adding .v--modal.v--modal { text-align: unset; } to my own code.
I have checked stackoverflow for solutions and 100% sure that this issue is not not related to my code.
This CSS rule can be seen in effect on the demo site.
Problem:
When using a right-to-left language, like Arabic, text should flow from the right of the screen to the left. However, the modal has a CSS rule that applies
text-align: left
which cascades to the content inside of the modal.Version:
1.3.35
Example & screenshots:
The CSS rule that causes the problem is:
In the screenshot below, you can see how it is effecting a page with
<body dir="rtl">
. (The<input>
options should start on the right.)In the screenshot below, I fixed this by adding
.v--modal.v--modal { text-align: unset; }
to my own code.This CSS rule can be seen in effect on the demo site.