epam / UUI

React-based components and accelerators library built by EPAM Systems.
https://uui.epam.com/
MIT License
160 stars 61 forks source link

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

Open NatalliaAlieva opened 3 days ago

NatalliaAlieva commented 3 days ago

Description

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

Steps to Reproduce

  1. Open Radio Group 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

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.