angular / angular/components

bug(material/tabs): tab body height animation is broken

Abierto
#31,629 4 comentarios 0 reacciones 0 asignados Ver en GitHub
area: material/tabs P2 regression
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

Abrir la 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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.