Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Bug - Sidebar - Hidden on smaller screens

Aberta
#12,439 5 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 2 dias

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
55/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Pouca atividade
Stack de tecnologia
react, typescript
Domínio
frontend

Direção de pesquisa

Comece pelo componente Page e pelo comportamento de sua barra lateral; em seguida, reproduza o problema do exemplo de navegação vertical do PatternFly reduzindo o navegador e usando o botão de menu hambúrguer. O trabalho estará concluído quando a barra lateral abrir em uma tela menor quando isManagedSidebar for false, correspondendo ao comportamento quando for true.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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

Linguagem predominante
TypeScript
Estrelas
861
Forks
392
Merge médio
3d 6h
PRs com merge (30d)
11

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de patternfly/patternfly-react

Todas as issues de patternfly/patternfly-react

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.