angular / angular/components

MatDrawerContainer opened and mode="side" doesn't work as expected inside a MatTabGroup

Ouverte
#16,920 4 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
area: material/sidenav P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### Description

If we have a MatDrawerContainer with initial state opened and mode="side"or mode="push" in a tab that is not visible, when we go to the tab, the MatDrawerContent is not correctly shrinked.

#### Reproduction

StackBlitz: https://stackblitz.com/edit/angular-9hnnl8

Steps: -Just switch to tabs 2 or 3.

#### Expected Behavior

I expect the drawer content to shrink if the drawer is opened (as it happens normally)

#### Actual Behavior

The MatDrawerContent of the not selected tabs is not correctly shrinked.

#### Environment

- Angular:
- CDK/Material:
- Browser(s): Chrome
- Operating System: Windows

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction StackBlitz liée et examinez l’interaction entre MatDrawerContainer et MatTabGroup lorsque les onglets 2 et 3 deviennent visibles. Vérifiez les drawers initialement ouverts dans les modes side et push, et assurez-vous que MatDrawerContent se réduit correctement après le changement d’onglet. Le travail est terminé lorsque le contenu a la taille attendue dans les deux onglets.

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
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.