plotly / plotly/plotly.js

Text scaling bugs when using dynamic CSS transform and content-editable after clicking on the plot

Ouverte
#6,583 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug P3
Langage dominant
JavaScript
Étoiles
18.3k
Forks
2k
Merge moyen
2 j 12 h
PR mergées (30 j)
28

Description

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:

image
image

Perhaps someone could shed some light on this or has a workaround that we could use.

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par reproduire le problème du CodePen lié dans Chrome, en suivant les interactions de zoom dynamique, de clic sur le chart, de CSS transform et de content-editable. Suivez la manière dont le chart met à jour la taille des annotations après le clic et comparez le comportement avec et sans l’élément content-editable. C’est terminé lorsque les annotations conservent la taille attendue après un clic sur le plot.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
css, javascript
Domaine
data-visualization, frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.