angular / angular/components

[Tabs] Scrollbar shows on tab changes

Abierto
#27,380 0 comentarios 0 reacciones 0 asignados Ver en GitHub
area: material/tabs P4
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

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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.