bug(material/tabs): tab body height animation is broken
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
### 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):
Guía de contribución
Línea de trabajo
Reproduce el problema en el ejemplo "Tab group that keeps its content inside the DOM when it's off-screen" de la documentación de Angular Material. Empieza rastreando la animación de la altura del cuerpo de la pestaña y el comportamiento de visibilidad del contenido al cambiar de pestaña. Se considera terminado cuando el contenido de la pestaña anterior permanece visible hasta que finaliza su animación, sin los tirones indicados.
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
- 42/100