angular / angular/components

Material Tabs with lazy loading rendering duplicate content

Abierto
#12,906 8 comentarios 7 reacciones 0 asignados Ver en GitHub
area: material/tabs P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### Bug, feature request, or proposal:
Material tabs (with `matTabContent`) are rendering multiple instances of the tab body inside the same tab when switching away and back too fast.

#### What is the expected behavior?
Not seeing duplicate content.

#### What is the current behavior?
There are multiple instances of the same body/content inside.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-material2-issue-jwxe85
Switch back and forth quickly on these tabs and pay attention to what happens to the one in the middle. You will notice content being rendered multiple times.

#### What is the use-case or motivation for changing an existing behavior?

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?

#### Is there anything else we should know?

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz y cambia rápidamente entre las pestañas de Material usando matTabContent para observar los contenidos duplicados. Rastrea el comportamiento de lazy-loading implicado en los cambios de pestaña y verifica después que cambiar rápidamente de una pestaña a otra y volver deja solo una instancia del contenido de cada pestaña.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.