You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
The text was updated successfully, but these errors were encountered:
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.
The text was updated successfully, but these errors were encountered: