Skip to content

RTL CSS issue on mobile #1012

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
aslanbeily opened this issue Mar 21, 2018 · 8 comments
Closed

RTL CSS issue on mobile #1012

aslanbeily opened this issue Mar 21, 2018 · 8 comments
Labels
user issue An issue or bug reported by users

Comments

@aslanbeily
Copy link
Contributor

aslanbeily commented Mar 21, 2018

Hello,
RTL radio for some reason looks wrong on moblle devices or narrow windows:

http://survey.clinicrowd.xyz/initial1.php?disease=1&lang=he&nickname=clinicrowd
(choose something in the second question to contunue) and then it looks as on the screenshot provided

Despite that, english version looks OK
http://survey.clinicrowd.xyz/initial1.php?disease=1&lang=en&nickname=clinicrowd
screenshot_20180321-115323

@aslanbeily aslanbeily changed the title RTL CSS issue RTL CSS issue on mobile Mar 22, 2018
@aslanbeily
Copy link
Contributor Author

Solved the problem by adding

.radio input[type="radio"] {
margin-left: 0px !important;
position: static !important;
}
in RTL pages, but I presume I am not the only one.

@andrewtelnov
Copy link
Member

@dmitrykurmanov Let's take a look at it and fix in the library.

Thank you,
Andrew

@dmitry-kurmanov
Copy link
Member

@aslanbeily could you please provide an example to reproduce the issue. I tried our examples and it looks ok
image

@aslanbeily
Copy link
Contributor Author

@dmitrykurmanov , that's because I fixed it, but now it's reverted so you can use the same examples again.

@dmitry-kurmanov
Copy link
Member

@aslanbeily sorry for the late response. Example I've provided above from our surveyjs.io site. So I can't reproduce the issue sorry. Could you please provide a small plunker (or another sandbox) example, so we can investigate it.

@aslanbeily
Copy link
Contributor Author

@dmitrykurmanov , I think I didn't make myself clear: the problem persists only on mobile devices or narrow windows; the screenshot you provided is wide, from the normal screen.

@dmitry-kurmanov
Copy link
Member

@aslanbeily I see now, the same issue here #1042. We are going to fix it. Thank you for the explanations

@JaneSjs
Copy link
Contributor

JaneSjs commented May 28, 2025

I would like to confirm that Radiogroup appears correctly in RTL: View Demo.

Image

@JaneSjs JaneSjs closed this as completed May 28, 2025
@JaneSjs JaneSjs added user issue An issue or bug reported by users and removed bug enhancement labels May 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
user issue An issue or bug reported by users
Projects
None yet
Development

No branches or pull requests

5 participants