Skip to content
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

[bug]: The selected indicator for radio groups is not centered #3621

Open
2 tasks done
AlexanderHott opened this issue Apr 29, 2024 · 3 comments
Open
2 tasks done

[bug]: The selected indicator for radio groups is not centered #3621

AlexanderHott opened this issue Apr 29, 2024 · 3 comments
Labels
bug Something isn't working

Comments

@AlexanderHott
Copy link

Describe the bug

The filled circle that appears in the center of a radio check is not centered in the outer circle.

Affected component/components

Radio Group

How to reproduce

Present on documentation.

At different zoom levels, the circle is offset in different places
image
image
image

Codesandbox/StackBlitz link

https://ui.shadcn.com/docs/components/radio-group

Logs

No response

System Info

Both Brave and Firefox have this issue.

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues
@AlexanderHott AlexanderHott added the bug Something isn't working label Apr 29, 2024
@AlexanderHott
Copy link
Author

This could be an issue with the lucide icons, but I'm not sure.

@voinik
Copy link

voinik commented Jun 3, 2024

Yeah same issue here. On Arc/Chrome it works fine, but on my iPhone it looks off center. Sometimes it's centered, but most of the time it is not.

@i0rph
Copy link

i0rph commented Jul 3, 2024

I found that this bug occurs when you set the display scale above 100%. Both Chromium and Firefox affected by this setting.
We gotta wait for Microsoft or browsers to fix this.

Edit - found solution by this pull request: #2758

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants