epam / epam/UUI

[Radio Input/Group]: offset of the central circle in selected radio button when increasing the browser zoom

Open
#2,383 2 comments 0 reactions 0 assignees View on GitHub
bug Tricky
Dominant language
TypeScript
Stars
247
Forks
78
Avg merge
14h 27m
Merged PRs (30d)
15

Description

## Description

When increasing the browser zoom, the selected radio button shifts relative to the center.

## Steps to Reproduce
1. Open [Radio Group](https://uui.epam.com/documents?id=radioGroup&mode=propsEditor&isSkin=true&category=components) component.
2. Increase the browser zoom through settings or by using Ctrl/Cmd + `+`.
3. Pay attention to the selected radio buttons in the component demo and in the properties explorer.

## Actual result
The circles shift when the zoom level is changed.
Screenshot 2024-06-25 at 15 22 41
Screenshot 2024-06-25 at 15 22 36
Screenshot 2024-06-25 at 15 11 43

## Expected result
The selected radio buttons are always centered.

## Environment
* UUI version: 5.8.1
* Browser name: Chrome, Safari, FF
* Operating System: Win, Mac

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.