MatPaginatedTabHeader doesn't scroll last tab fully into view
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### 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
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par la reproduction StackBlitz liée et l’implémentation de MatPaginatedTabHeader, en définissant selectedIndex sur le dernier onglet. Comparez le rendu initial avec la sélection manuelle du dernier onglet, puis vérifiez que l’onglet sélectionné est entièrement visible et que le bouton de pagination de droite est désactivé.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- frontend
- Type d'issue
- Bug
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 45/100