reactjs / reactjs/react.dev

Page is jumping when scrolling

Offen
#5,995 9 Kommentare 10 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug: confirmed
Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

Hey!

I was scrolling the page and it appeared that it was jumping all over the time.

Firstly I thought that it was related to expandable, but I found out that actually, this was due to a change of height in the iframe example

Here is the little video:

Screencast 2023-05-04 17-56-57.webm

Page it was discovered on:

https://react.dev/learn/updating-objects-in-state#copying-objects-with-the-spread-syntax

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginnen Sie auf der verlinkten Seite Updating Objects in State und reproduzieren Sie den Scroll-Sprung, während das iframe-Beispiel seine Höhe ändert. Untersuchen Sie das Größenverhalten des iframe-Beispiels und verifizieren Sie, dass das Scrollen nach der Höhenänderung stabil bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.