react-component / react-component/progress
Line Component Rendering Incorrectly at Non-100% Zoom in Safari
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- TypeScript
- Star
- 706
- Fork
- 161
- Merge trung bình
- 3 giờ 29 phút
- Pull request đã merge (30 ngày)
- 2
Mô tả
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:
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu với Line component của rc-progress và tái hiện vấn đề bằng CodeSandbox được liên kết trong Safari ở mức thu phóng 50% và 100%. Theo dõi cách giá trị phần trăm xác định việc hiển thị tiến trình SVG, sau đó xác minh rằng các giá trị trung gian như 50% được tô chính xác ở mức thu phóng khác 100% mà không thay đổi hành vi hiện có ở mức 100%.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend
- Loại issue
- Lỗi
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 45/100