reactjs / reactjs/react.dev

Scrolling does not work

Offen
#6,230 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

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

Beschreibung

Scrolling issue:
When we visit the link https://react.dev/reference/react the scroll does not work.

If we look into this element

and under the selector .lg:w-[342px] change the width to 320px scroll works correctly.

I am new to web developement and I hope my understanding of the problem and solution is correct.

Regards,
Saurabh

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

Öffne zunächst https://react.dev/reference/react und untersuche das Element mit den Klassen overflow-y-scroll no-bg-scrollbar lg:w-[342px] grow bg-wash dark:bg-wash-dark, einschließlich der Breitenregel .lg:w-[342px]. Vergleiche das Scrollen bei 342px und 320px und verfolge dann den entsprechenden Quellcode der Website, um den Layoutkonflikt zu identifizieren. Als erledigt gilt die Aufgabe, wenn das Scrollen auf der Referenzseite ohne den Breiten-Workaround funktioniert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

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

Neue Issues direkt in Ihr Postfach

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