epam / UUI

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

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

Open NatalliaAlieva opened 4 months ago

NatalliaAlieva commented 4 months 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

NatalliaAlieva commented 3 months ago

The bug continues to reproduce with the new icon pack.

Screenshot 2024-07-30 at 11 16 15 Screenshot 2024-07-30 at 11 20 27