MatPaginatedTabHeader doesn't scroll last tab fully into view
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
#### Reproduction
Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/components-issue-wsbxpk
Steps to reproduce:
1. Set selectedIndex to last tab
2. Render
#### Expected Behavior

Selected tab is scrolled fully into view and righthand pagination button disabled just as if the user manually clicked on the last tab
#### Actual Behavior

Tab is only partially visible and pagination button remains enabled. When tab titles vary in size only a few pixels of the last tab are visible. Clicking on the last tab manually scrolls it fully into view.
#### Environment
- Angular: 8.2.14
- CDK/Material: 8.2.3
- Browser(s): Chrome, Firefox, Internet Explorer 11, Safari
- Operating System (e.g. Windows, macOS, Ubuntu): All
Guía de contribución
Línea de trabajo
Comienza con la reproducción enlazada de StackBlitz y la implementación de MatPaginatedTabHeader, estableciendo selectedIndex en la última pestaña. Compara el renderizado inicial con la selección manual de la última pestaña y, después, verifica que la pestaña seleccionada sea completamente visible y que el botón de paginación derecho esté deshabilitado.
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
- 45/100