angular/components

Overlay is not destroyed while navigating using Browser's Back/Forward button (RouteReuseStrategy is used)

Closed

#17.973 aberto em 16 de dez. de 2019

Ver no GitHub
 (3 comments) (0 reactions) (0 assignees)TypeScript (6.650 forks)batch import
P3area: cdk/overlayhelp wanted

Métricas do repositório

Stars
 (24.044 stars)
Métricas de merge de PR
 (Mesclagem média 2d 16h) (80 fundiu PRs em 30d)

Description

Reproduction

https://angular-hlrhkp-pzxidw.stackblitz.io/

Steps to reproduce:

  1. Click on the navigate to second page link.
  2. Click on Browser Back Button and Open the select box .
  3. Click on the browser forward button to navigate.

Expected Behavior

What behavior were you expecting to see? The overlay of the previous component should be destroyed, when the browser navigation buttons clicked

Actual Behavior

What behavior did you actually see? The overlay of the material persists even after the page is routed to next page

Environment

  • Angular:
  • CDK/Material: 5.21
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Guia do colaborador

Direção de pesquisa
Investigate how Angular CDK overlay's lifecycle interacts with router navigation when RouteReuseStrategy is used. Look at the overlay ref counting mechanism in the OverlayRef and how it handles detach on route change. Check if there is a missing cleanup when the route is reused. Consider examining the following files: overlay ref.ts, overlay container.ts, and the RouterModule setup.
Pilha de tecnologia
typescript
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
4
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
3-5 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Angular basicsAngular CDK OverlayRouteReuseStrategy
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
25