angular / angular/components

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

Offen
#13,183 4 Kommentare 6 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/select feature P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### 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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, das Angular Material mat-select-Overlay und sein Animationsverhalten zu untersuchen, wobei du den gemeldeten overlayContainer-Workaround als Kontext verwendest. Lege fest, wie sich eine Option zum Deaktivieren von Animationen pro Overlay vom globalen Deaktivieren von Animationen unterscheiden würde, und überprüfe, dass mat-select die erforderliche Breite erreichen kann, ohne andere Overlays zu beeinflussen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.