bug(Mat-Tabs): Mat-tabs on mat-dialog not working when selectedIndex change asynchronously
- 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
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