Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

[BUG]: `scattergl` text is hidden behind selected markers

Ouverte
  • Quelque chose ne va pas ?
#8,081 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
48/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
Active
Stack technique
javascript
Domaine
computer-graphics, data-visualization

Piste de recherche

Start with the linked CodePen reproduction and compare the scattergl behavior with the equivalent scatter trace. Trace scattergl text rendering around the vendor line using ctx2.getImageData mentioned in the report, and review issue #7285 for context. Done means selected text is visible like unselected text, with the reported canvas warning addressed or its scope clarified.

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

Description

bug P3 size: 1
Description

scattergl text is hidden behind selected markers

The equivalent scatter trace renders the text correctly.

Reproducible example:

https://codepen.io/Lexachoc/pen/dPvRydx

    mode: "markers+text",
    texttemplate: "x=%{x}",
    selectedpoints: [0],
    selected: {
      textfont: { color: "red" }
    },
    unselected: {
      textfont: {color: 'white'}
    },
Image

For unselect.textfont, both works, only select.textfont is broken for scattergl:

Image
Note

To confirm, uncomment

textposition: 'top-center',
Image

Additional warning observed

When using:

 mode: "markers+text",

or

 mode: "text",

scattergl will throw this warning:

Canvas2D: Multiple readback operations using getImageData are faster with the willReadFrequently attribute set to true. See: https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-will-read-frequently

caused by this line: var bottomPx = firstTop(ctx2.getImageData(0, 0, l2, l2)); from the vendor package.

Reported before in https://github.com/plotly/plotly.js/issues/7285

Langage dominant
JavaScript
Étoiles
18.3k
Forks
2k
Merge moyen
1 j 17 h
PR mergées (30 j)
22

Préparer son environnement

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.

Autres issues de plotly/plotly.js

Toutes les issues de plotly/plotly.js

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

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