angular / angular/components

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

未关闭
#13,183 4 条评论 6 个 reaction 已指派 0 人 在 GitHub 查看
area: material/select feature P3
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

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

贡献指南

打开贡献指南

调研方向

首先检查 Angular Material mat-select overlay 及其动画行为,并以报告中的 overlayContainer workaround 作为背景。明确按 overlay 禁用动画的选项与全局禁用动画有何不同,并验证 mat-select 能够匹配所需宽度,同时不影响其他 overlay。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
功能
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。