-
Notifications
You must be signed in to change notification settings - Fork 333
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
Radio circles are sometimes misaligned/not centred #5104
Comments
Uh oh! @tom-clarke-dluhc, the image you shared is missing helpful alt text. Check your issue body. Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image. Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.
|
This is caused by how browsers round fractional values to full pixels at certain zoom levels. There's a fuller explanation in the backlog issue here: alphagov/govuk-design-system-backlog#59 (comment) |
Thanks for the reply. Good to know that there's not much that can be done to resolve |
I'm going to close this one as there is no action we can take to solve this and we have some documentation in our backlog. |
Description of the issue
When using the radio component the concentric circles for a selected option are sometimes not centred for specific browser/zoom percentages.
Steps to reproduce the issue
On the frontend example, while using Edge browser and a zoom of 90% the middle circle is quite a way from the middle. This can also be seen for 80% and some other common zoom percentages.
Actual vs expected behaviour
I would expect the circles to always be centred but they aren't for some zooms.
Environment (where applicable)
The text was updated successfully, but these errors were encountered: