BUG - Hidden "FAQ" menu items in sidebar on desktop screen
Nessuno ha ancora preso questa issue.
- Lingua principale
- JavaScript
- Stelle
- 11.8k
- Fork
- 7.9k
- Merge medio
- 1g 11h
- PR unite (30g)
- 11
Descrizione
Issue
Hi, I have noticed an issue with the sidebar section on the desktop screen. The FAQ menu contains two items(Versioning Policy and Virtual DOM and Internals) that are hidden or not shown properly scroll down to the bottom.
Steps To Reproduce
Although there may be different approaches to fix this issue I have found one of them mentioned below. Link of the following code to update.
- from
[media.greaterThan('small')]: { position: 'fixed', zIndex: 2, // previous code // height: 'calc(100vh - 60px)', // updated code height: calc(100vh - 110px); overflowY: 'auto', WebkitOverflowScrolling: 'touch', marginRight: -999, paddingRight: 999, backgroundColor: '#f7f7f7', opacity: '1 !important', }, [media.size('small')]: { // previous code // height: 'calc(100vh - 40px)', // updated code height: calc(100vh - 110px); }, [media.between('medium', 'large')]: { // previous code // height: 'calc(100vh - 50px)', // updated code height: calc(100vh - 110px); },
The current behavior

The expected behavior

Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia in src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js intorno alle righe 91-109 e analizza il comportamento dell'altezza e dell'overflow della barra laterale su desktop e ai breakpoint responsive. Verifica che le voci della FAQ Versioning Policy e Virtual DOM and Internals rimangano visibili e raggiungibili scorrendo fino in fondo alle dimensioni dello schermo interessate.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, react
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Ferma
- Chiarezza
- Specificata chiaramente
- Idoneità per principianti
- 48/100