react-component
Line Component Rendering Incorrectly at Non-100% Zoom in Safari
The Line component from rc-progress does not render correctly at non-100% zoom levels (mostly with less than 100%) in Safari. Specifically: When the browser zoom is set to 50%, the progress bar does not fill according to the percent value provided. For example, if percent is 50%, the progress bar should be half-filled, but it shows random or incorrect filling. This issue does not occur at 100% zoom.
Steps to Reproduce Open Safari and set the browser zoom to 50%. Use the Line component from rc-progress with a percent value (e.g., 50%). Observe that the progress bar does not fill correctly according to the percent value.
Expected Behavior The Line component should render the progress bar correctly at any zoom level, filling the bar according to the percent value provided.
Actual Behavior At 50% zoom, the progress bar does not fill correctly. For example: If percent is 50%, the progress bar may show random or incorrect filling. If percent is 100%, the progress bar works correctly.
Relevant Screenshots: For 100% zoom in safari:
For 50% zoom in Safari:
