angular / angular/components

Sidenav: content area size not calculated properly with animation

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

Description

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
The size of the content area is calculated correctly according to the width of the sidenav menu.

#### What is the current behavior?
The calculation is wrong. The margin-left value of the content area is inverted to the width defined in the animation.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-etpys5
(to see the issue you have to click a few times on the expand button)

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
@angular/material@5.2.0
@angular/cdk@5.2.0
@angular/core@5.2.4
@angular/animations@5.2.4

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par reproduire le problème dans l’exemple StackBlitz lié avec le sidenav de Angular Material 5.2.0, en cliquant plusieurs fois sur le bouton expand. Suivez l’animation du sidenav et le calcul de la marge de la zone de contenu, puis vérifiez que la largeur et la marge du contenu restent correctes après plusieurs cycles expand/collapse.

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

Recevez les nouvelles issues par e-mail

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