plotly / plotly/plotly.js

hover is not displayed in the case of overflow

Ouverte
#5,459 1 commentaire 1 réaction 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

See for example https://codepen.io/emmanuelle-plotly/pen/GRNJevo : the hover information (created here with a hovertemplate, not sure if it matters) is very long and the resulting hover box would be larger than the figure height. However, nothing is displayed at all for hover, which is not the expected behaviour I think (probably one cannot scroll, so should it be clipped?). The problem disappears when the text to be displayed is shorter.

For Python users, here is a code snippet to experiment with to reproduce the problem:

import plotly.express as px
n_lines = 30
long_hover_text = 'bla bla bla bla bla <br>'* n_lines
df_dict = {'x':[1, 2, 3], 'y':[1, 2, 3], 'text':[long_hover_text,]*3}
fig = px.scatter(df_dict, x='x', y='y', hover_data=['text']
                )
fig.show()

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

Reproduisez le problème avec le CodePen lié ou l’extrait Python fourni, en vous concentrant sur le long texte de hovertemplate et le dépassement de la hauteur de la figure. Suivez le comportement du hover à partir de cette reproduction et considérez le travail comme terminé lorsque les informations du hover s’affichent sous une forme utilisable, tronquée ou autrement visible, au lieu de ne rien afficher.

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

Évaluation

Stack technique
javascript
Domaine
data-visualization
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

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