Bug - Sidebar - Hidden on smaller screens

Aperta
#12,439 5 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
55/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia con il componente Page e il comportamento della sua barra laterale, quindi riproduci il problema dell’esempio di navigazione verticale di PatternFly riducendo le dimensioni del browser e usando il pulsante hamburger. Il lavoro è completato quando la barra laterale si apre su uno schermo più piccolo quando isManagedSidebar è false, come avviene quando è true.

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

Descrizione

Describe the problem
Sidebars will not be visible on the page when using a smaller screen and isManagedSidebar is false on the Page.

How do you reproduce the problem?
This can be seen on the PatternFly website: https://www.patternfly.org/components/page#vertical-navigation

  1. Reduce the size of the browser window until the sidebar automatically closes
  2. Click the hamburger button to try to open it again
  3. The sidebar does not open

Expected behavior
The sidebar should appear on the page as it does when using isManagedSidebar on a small screen.

Is this issue blocking you?
We cannot update our mobile app to the newest version of PatternFly due to this.

Screenshots
Before opening:

image

After trying to open: (Note part of the sidebar appearing on the left)

image

What is your environment?

  • OS: Linux
  • Browser: Firefox
  • Version: 149.0.2

What is your product and what release date are you targeting?

Any other information?

Jira Issue: PF-4262

Lingua principale
TypeScript
Stelle
862
Fork
392
Merge medio
4g 8h
PR unite (30g)
9

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.

Altre issue di patternfly/patternfly-react

Tutte le issue di patternfly/patternfly-react

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.