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.

CodeSandbox Link

Relevant Screenshots:
For 100% zoom in safari:

For 50% zoom in Safari:

環境準備

從這裡開始

1. 先讀完整個 Issue，再讀專案的貢獻指南。
2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
3. Fork 儲存庫，在一個分支上完成修改。
4. 送出 Pull Request，並在描述裡引用這個 Issue 編號。

react-component/progress 的其他 Issue

• didn't accept dynamic color value.

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消

  難度 3/5 1-2 天 新手友好度 35/100

  react-component/progress#252 · 2023年8月13日 建立

• scss file

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消

  難度 3/5 1-2 天 新手友好度 25/100

  react-component/progress#251 · 2023年7月11日 建立

• circle flickers

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消

  難度 3/5 1-2 天 新手友好度 25/100

  react-component/progress#250 · 2023年7月9日 建立

• TrailWidth taking default 1, not matching strokeWidth.

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消

  難度 3/5 1-2 天 新手友好度 45/100

  react-component/progress#247 · 2023年3月15日 建立

• onHover Functionality

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消

  難度 4/5 3-5 天 新手友好度 35/100

  react-component/progress#194 · 2022年11月15日 建立

查看 react-component/progress 的全部 Issue

相似的 Issue

• Log redaction misses secrets passed as connection-string query parameters

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  effort:S priority:P2

  難度 2/5 1-3 小時 新手友好度 72/100

  anonhym/latelier#497 · 2026年10月11日 建立

  維護者通常 1 天內回覆

• validateSettings() doesn't validate rateLimits[].period — zero period silently degrades to a 1ms backoff hint

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消

  難度 2/5 1-3 小時 新手友好度 82/100

  cameri/nostream#811 · 1 則留言 · 2026年10月10日 建立

  維護者通常 1 天內回覆

• Upgrade Claude Code to 2.1.293 or later in the claude-code agent image

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消

  難度 2/5 1-3 小時 新手友好度 62/100

  dam-agents/dam#4562 · 2026年10月10日 建立

  維護者通常 1 天內回覆

• bug: one-shot `paseo logs` prints reasoning after the assistant text that followed it

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  bug p3 triaged

  難度 2/5 1-3 小時 新手友好度 70/100

  getpaseo/paseo#6541 · 2026年10月10日 建立

  維護者通常 1 天內回覆

• fix(projects): no active project returns 404 and logs a console error on every app load

  未關閉

  ⋯回報這個 Issue 的問題

  • 哪裡不對？

  • 已被認領
  • 不適合新手
  • 已失效
  • 其他…
  • 送出 取消
  bug javascript P2-medium python release:v3.1

  難度 2/5 1-3 小時 新手友好度 68/100

  adrirubio/claude-deck#546 · 2026年10月10日 建立

  維護者通常 1 天內回覆

更多 TypeScript Issue