Text scaling bugs when using dynamic CSS transform and content-editable after clicking on the plot
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 18.3k
- Forks
- 2k
- Ø Merge
- 2 T. 12 Std.
- Gemergte PRs (30 T.)
- 28
Beschreibung
Hi, this is a reproducible bug that we have run into in our charts. Unfortunately, this only happens on Chrome browsers which the majority of our users are using.
When using a dynamic zoom level control for scaling, there is unexplainable sizing issues with the annotations on the plot. For whatever reason, this occurs after clicking on the chart.
I have attached a minimal reproducible example with steps:
https://codepen.io/woon2222/pen/XWxRKjN
I am not sure why this occurs when the content-editable element is present.
Here is a video of what happens:
5440e09e-1b8e-4148-9183-0546966f0f62.webm
And some screenshots:


Perhaps someone could shed some light on this or has a workaround that we could use.
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne damit, das Problem aus dem verlinkten CodePen in Chrome zu reproduzieren, indem du den Interaktionen mit dynamischem Zoom, Chart-Klick, CSS transform und content-editable folgst. Verfolge, wie das Chart die Größe der Annotationen nach dem Klick aktualisiert, und vergleiche das Verhalten mit und ohne das content-editable-Element. Fertig ist die Aufgabe, wenn die Annotationen nach dem Klicken auf den Plot die erwartete Größe beibehalten.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- css, javascript
- Bereich
- data-visualization, frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100