angular / angular/components

Need option to disable animation for specific overlay (e.g. of mat-select)

Ouverte
#13,183 4 commentaires 6 réactions 0 personnes assignées Voir sur GitHub
area: material/select feature 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:
Feature request

#### What is the expected behavior?
It would be nice to have option to disable animation for a specific overlay. In our case we need to disable animation of overlay of mat-select growing wider.

#### What is the current behavior?
Nothing can stop thins animation normally, there is no way to prevent it with css and using @.disabled on overlayContainer through renderer disables animations of everything.

#### What is the use-case or motivation for changing an existing behavior?
We need to mat-select according to spec, where dropdown list has to be as wide as input itself, but animation always glitches it for a moment.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
@angular-devkit/architect 0.7.5
@angular-devkit/build-angular 0.7.5
@angular-devkit/build-optimizer 0.7.5
@angular-devkit/build-webpack 0.7.5
@angular-devkit/core 0.7.5
@angular-devkit/schematics 0.7.5
@angular/cdk 6.4.7
@angular/cli 6.1.5
@angular/material 6.4.7
@ngtools/webpack 6.1.5
@schematics/angular 0.7.5
@schematics/update 0.7.5
rxjs 6.3.1
typescript 2.9.2
webpack 4.9.2

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par examiner l’overlay de Angular Material mat-select et son comportement d’animation, en utilisant comme contexte le workaround de overlayContainer signalé. Définissez en quoi une option de désactivation de l’animation par overlay différerait de la désactivation globale des animations, et vérifiez que mat-select peut avoir la largeur requise sans affecter les autres overlays.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
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.