angular / angular/components

bug(Mat-Tabs): Mat-tabs on mat-dialog not working when selectedIndex change asynchronously

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

Descripción

#### Reproduction
https://stackblitz.com/edit/mat-tabs-on-mat-dialog-problem

Steps to reproduce:
1. Use mat-dialog for dialog
2. Use mat-tabs for multiple tabs
3. Use selectedIndex to select tabs dynamically
4. Initialize selectedIndex value
4. Change selectedIndex asynchronously


#### Expected Behavior

I will initially see the tab of the index that I initialize first. But when I change the selectedIndex, it will switch to the new tab of that index.

#### Actual Behavior

Asynchronously changed tabs contents will go blank. The tab contains blank content. But if I add 500ms with setTimeout it works. But without this setTimeout, it dosn't work

#### Environment

- Angular: 8 or 9
- CDK/Material: 8, 10
- Chrome, Firefox
- Ubuntu, Windows

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz e inspecciona la interacción entre MatTabs y MatDialog cuando selectedIndex cambia de forma asíncrona. Reproduce el contenido vacío de la pestaña sin el retraso de 500ms y, después, verifica que tanto la pestaña seleccionada inicialmente como la pestaña seleccionada de forma asíncrona se rendericen correctamente.

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.