plotly/plotly.js

[BUG]: Background image is rendered at an incorrect size after box zoom followed by mouse wheel zoom out

Ouverte

#7 914 ouverte le 21 juil. 2026

Voir sur GitHubGuide contributeur
 (6 commentaires) (0 réaction) (0 personne assignée)JavaScript (1 846 forks)batch import
P2buggood first issuegood for agentsize: 1

Métriques du dépôt

Stars
 (15 964 étoiles)
Métriques de merge PR
 (Merge moyen 35j 19h) (36 PRs mergées en 30 j)

Description

Description

On charts containing a background image with xref: "x" and yref: "y", performing a box zoom followed by a manual zoom out causes the background image to be rendered with an incorrect size and position. It no longer matches the coordinate system defined by xref and yref.

Screenshots/Video

https://github.com/user-attachments/assets/08c53c01-0fca-4845-8b59-06e837382884

Steps to reproduce

Here https://codepen.io/JulienIcon/pen/QwdBypd, try to box zoom a small part of the chart and then try to manually zoom out using the mouse wheel

Notes

If the zoom is reset using the default double-click interaction, the background image is rendered correctly again.

Guide contributeur

Direction de recherche
Examinez la logique de mise à jour du zoom dans plotly.js, en particulier la manière dont les coordonnées de l'image d'arrière plan sont recalculées après un zoom par boîte et un zoom avec la molette de la souris. Vérifiez les gestionnaires 'relayout' et 'relayoutCallback' et assurez vous que la taille de l'image est correctement mise à jour lorsque la plage de zoom change. Comparez avec le comportement de réinitialisation par double clic.
Stack technique
javascript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
JavaScriptPlotly.js basics
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60