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

bug(sidenav): Sidenav opening animation triggers on page navigation

Aberta
#33,080 1 comentário 0 reações 0 responsáveis Ver no GitHub

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
angular, typescript
Domínio
frontend

Direção de pesquisa

Comece pela implementação do Angular Material Sidenav e reproduza o comportamento descrito nas etapas do issue em material.angular.dev usando mode="side" e opened="true". Rastreie o que acontece durante a navegação entre páginas após o carregamento inicial e, em seguida, verifique que a navegação não dispara mais a animação de abertura enquanto o sidenav permanece aberto.

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

Descrição

area: material/sidenav gemini-triaged P3
Is this a regression?
  • Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was

No response

Description

When using Angular Material’s Sidenav with mode="side" and opened="true", navigating between pages triggers the opening animation, even though the sidenav is already in the open state. This behavior is inconsistent with the initial navigation, where the animation does not occur (which is the expected behavior).

Reproduction

Steps to reproduce:

  1. Go to https://material.angular.dev/components/sidenav/overview
  2. Click on any link and go back to the previous page
Expected Behavior

If the sidenav’s opened input is set to true initially, the opening animation should not play when moving between pages.

Actual Behavior

The opening animation is triggered on page navigation, even if the sidenav is already open.

Environment
  • Angular: 21.2.6
  • CDK/Material: 21.2.6
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows
Linguagem predominante
TypeScript
Estrelas
25k
Forks
6.8k
Merge médio
1d 1h
PRs com merge (30d)
84

Guia de contribuição

Abrir o guia de contribuição

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 angular/components

Todas as issues de angular/components

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.