Need option to disable animation for specific overlay (e.g. of mat-select)
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
#### 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
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Empieza examinando el overlay de Angular Material mat-select y su comportamiento de animación, utilizando como contexto el workaround de overlayContainer indicado. Define en qué se diferenciaría una opción para deshabilitar la animación por overlay de deshabilitar las animaciones globalmente, y verifica que mat-select pueda tener el ancho requerido sin afectar a otros overlays.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- frontend
- Tipo de issue
- Nueva funcionalidad
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100