[Tabs] Scrollbar shows on tab changes
- 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
This was discussed previously in #6104
Last comment was:
Confirmed that there is no scrollbar during animation in v15: https://stackblitz.com/edit/angular-shzd6r-pwokjj (tested on Chrome w/ MacOS) - @mmalerba
However using the [stackblitz example](https://stackblitz.com/edit/angular-shzd6r-pwokjj) in Google Chrome, shows the scrollbar each time you tab from Title 1 to Title 2.
Using dynamicHeight on mat-tab-group still works as a workaround.
### Reproduction
StackBlitz link: [Link](https://stackblitz.com/edit/stackblitz-starters-dk71gk?file=src%2Fmain.ts)
Steps to reproduce:
1. switch tabs
### Expected Behavior
No scrollbar
### Actual Behavior
Scrollbar flashes for a short moment
### Environment
- Angular: 16.1.2
- CDK/Material: 16.1.2
- Browser(s): Google Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 11
Guía de contribución
Línea de trabajo
Comienza con la reproducción vinculada de StackBlitz en src/main.ts y reproduce el problema en Google Chrome cambiando de pestaña. Compara el comportamiento esperado sin barra de desplazamiento con el breve parpadeo de la barra de desplazamiento y usa la reproducción para identificar el comportamiento de las pestañas de Angular Material implicado. Se considera terminado cuando al cambiar de pestaña ya no se muestra momentáneamente una barra de desplazamiento sin depender de dynamicHeight.
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