reactjs / reactjs/react.dev

Cannot access entire official React JS Docs without scroll

Aperta
#641 2 commenti 2 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Lingua principale
JavaScript
Stelle
11.8k
Fork
7.9k
Merge medio
1g 11h
PR unite (30g)
11

Descrizione

Cannot access the entire reactjs docs (via reactjs.org/docs) without scroll.

There are two scrollable areas in the reactjs docs - the left side with the explanation and code examples and the right (sidebar) with links to the rest of the docs. I cannot scroll down the right side to access say the entire advanced guides list if I do not have a scroll in my mouse (or touchpad).
The browser scrollbar only maps to the left (explanation) side.

Ideally, this can be seen on any maximised browser window on any 13 inch laptop with default display settings. Just visit https://reactjs.org/docs/ .

The issue does not exist on very large screens as the entire list on right navigation sidebar is seen and the issue also is not present on mobile devices as a responsive design takes over which hides the right sidebar and only makes it appear on a new menu button that appears.

Current Workaround:

Minimise browser window width to access the responsive mobile view and use the scrollbar then.
Or zoom out in your browser window to minimise the view enough to see the entire list and then access what you need.

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Riproduci il problema all'indirizzo https://reactjs.org/docs/ in un browser ingrandito su un laptop da 13 pollici o con un viewport equivalente, quindi esamina il layout della documentazione e la barra laterale di navigazione a destra. Il lavoro è completato quando l'intera barra laterale è raggiungibile con lo scorrimento standard del browser su desktop, mantenendo al contempo il comportamento responsive esistente su mobile.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript, react
Ambito
accessibility, documentation
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.