reactjs / reactjs/react.dev

[Bug]: Example: Scrolling to an element does not work for certain display widths

Ouverte
#8,299 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug: unconfirmed
Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
1 j 11 h
PR mergées (30 j)
11

Description

Summary

At certain window widths, I believe that the Example: Scrolling to an element looks as if it's not working.

I noticed this when I had my browser window set to half my screen width. Since I was using 1920x1080px, my browser's pixel width at the time would have been about 960px. From my initial testing around, I believe this happens for the width range of 935px to 1023px

From what I understand, the logic behind it is working, it just so happens that the increased width of the card / parent component causes it to appear though it isn't

Page

https://react.dev/learn/manipulating-the-dom-with-refs#example-scrolling-to-an-element

Details

No response

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 la page liée « Example: Scrolling to an element » et reproduisez le comportement pour des largeurs comprises entre 935px et 1023px. Examinez l’exemple et la mise en page de sa carte ou de son élément parent afin de déterminer pourquoi le défilement semble inefficace ; le travail est terminé lorsque la cible défile correctement de manière visible sur toute cette plage.

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

Évaluation

Stack technique
javascript, react
Domaine
documentation, frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
48/100

Recevez les nouvelles issues par e-mail

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