bug(material/tabs): tab body height animation is broken
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
You can even see this behaviour in the tab example in the docs https://material.angular.dev/components/tabs/examples
scroll down to the "Tab group that keeps its content inside the DOM when it's off-screen." example
it instantly hides the first tab content when u click the second, instead of waiting for the animation to complete, leading to a glitchy stutter
### Reproduction
look at angular material's own docs ^
### Expected Behavior
it should keep the content showing until the animation is completely done
### Actual Behavior
it glitches and hides instantly
### Environment
- Angular:
- CDK/Material:
- Browser(s):
- Operating System (e.g. Windows, macOS, Ubuntu):
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Riproduci il problema nell'esempio "Tab group that keeps its content inside the DOM when it's off-screen" della documentazione di Angular Material. Inizia tracciando l'animazione dell'altezza del corpo della scheda e il comportamento di visibilità del contenuto quando si passa da una scheda all'altra. Il lavoro è completato quando il contenuto della scheda precedente rimane visibile fino al termine della sua animazione, senza gli scatti segnalati.
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
- 42/100