Line Component Rendering Incorrectly at Non-100% Zoom in Safari
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 45/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- react, typescript
- Bereich
- frontend
Rechercherichtung
Beginne mit der rc-progress Line component und reproduziere das Problem mit der verlinkten CodeSandbox in Safari bei 50 % und 100 % Zoom. Verfolge, wie der Prozentwert die SVG-Fortschrittsdarstellung bestimmt, und überprüfe anschließend, dass Zwischenwerte wie 50 % bei einem Zoom von nicht 100 % korrekt gefüllt werden, ohne das bestehende Verhalten bei 100 % zu ändern.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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:
- Vorherrschende Sprache
- TypeScript
- Sterne
- 706
- Forks
- 161
- Ø Merge
- 7 Min.
- Gemergte PRs (30 T.)
- 1
Entwicklungsumgebung
Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus react-component/progress
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
react-component/progress#252 ·
-
scss fileOffen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 25/100
react-component/progress#251 ·
-
circle flickersOffen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 25/100
react-component/progress#250 ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 45/100
react-component/progress#247 ·
-
onHover FunctionalityOffen
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100
react-component/progress#194 ·
Alle Issues in react-component/progress
Ähnliche Issues
-
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 72/100
betagouv/mon-entreprise#4699 ·
Maintainer antworten meist innerhalb von 3 Tagen
-
bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100
jaegertracing/jaeger-ui#4547 · 3 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
-
ai-driven-qa
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 84/100
linagora/twake-calendar-frontend#1467 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
need4deed-org/sdk#267 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 84/100
auth0/universal-login#414 ·
Maintainer antworten meist innerhalb von 1 Tag