angular/components

mat-hint not animated when showed for first time on condition

已关闭

#9,747 创建于 2018年2月2日

在 GitHub 查看贡献者指南
 (2 条评论) (0 个反应) (0 位负责人)TypeScript (6,650 个派生)batch import
P4area: material/form-fieldhelp wanted

仓库指标

星标
 (24,044 个星标)
PR 合并指标
 (平均合并 3天 12小时) (30 天内合并 98 个 PR)

描述

Bug, feature request, or proposal:

Maybe a bug, definitely a feature

What is the expected behavior?

When I put a condition on the mat-hint element (for instance, show it only if a character has been typed), the element should be animated and slide in from the input.

What is the current behavior?

At first, the element isn't animated. Until a mat-error is shown, the element won't be animated.

What are the steps to reproduce?

Stackblitz

贡献者指南

研究方向
The issue likely involves the mat hint animation within Angular Material's form field component. Check the components directory under src/material/form field for animation related code. The Stackblitz demo shows that the hint element doesn't animate on initial conditional display. Examine the animation trigger for the hint element and compare with how mat error animates. Look for differences in the Angular animation state transitions.
技术栈
angulartypescriptcss
领域
frontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
较久未更新
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
Angular MaterialCSS animation concepts
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
45