plotly / plotly/plotly.js

Range Slider flips mirror-like when viewport gets narrow

Ouverte
#6,493 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

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

Description

I have encountered a strange behavior where, no matter what chart or data I am using, when the range slider doesn't have any space on the y axis, (this can happen when the y axis labels are wide) it flips like in a mirror:

In the first image the Year 2000 is the white dot on the left
1
In the second image the Year 2000 is the white dot on the right
2

I've modified the Adding Sliders to Animations in JavaScript example: https://codepen.io/bleah1/pen/dyqoaMQ and added responsive: true to config and a big margin of 400 to the layout to better see the flipping in action.

What now ? This obviously can't be used on narrow mobile screens.

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 l’exemple modifié « Adding Sliders to Animations in JavaScript » lié dans l’issue, en utilisant le mode responsive et la grande marge de layout pour reproduire le basculement lorsque les libellés de l’axe y occupent la largeur disponible. Suivez le comportement du curseur de plage dans ce viewport étroit et vérifiez que le marqueur Year 2000 conserve le même côté et la même orientation ; l’issue n’indique aucun fichier du dépôt ni aucun test pour commencer.

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
42/100

Recevez les nouvelles issues par e-mail

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