angular / angular/components

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

Aperta
#19,814 8 commenti 7 reazioni 0 assegnatari Vedi su GitHub
area: material/tabs P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### 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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia dalla riproduzione collegata su StackBlitz e analizza l’interazione tra MatTabs e MatDialog quando selectedIndex cambia in modo asincrono. Riproduci il contenuto vuoto della scheda senza il ritardo di 500ms, quindi verifica che sia la scheda selezionata inizialmente sia quella selezionata in modo asincrono vengano visualizzate correttamente.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.