angular / angular/components

[Tabs] Dynamic height does not work when content has changed

未关闭
#3,191 7 条评论 5 个 reaction 已指派 0 人 在 GitHub 查看
area: material/tabs P4
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
Tabs should transition height properly when content is added dynamically.

#### What is the current behavior?
Adding content to a tab does not modify the 'base animation height' resulting in weird animations.

#### What are the steps to reproduce?
~~http://plnkr.co/edit/Sccmy7os1nuaELrradRv?p=preview~~
~~http://plnkr.co/edit/ZSBCT8P9xCi04rrKSCu3?p=preview~~
https://stackblitz.com/edit/angular-humdjf?file=src%2Fapp%2Fapp.component.html
Add content dynamically and change tab.

#### Is there anything else we should know?
~~Documentation is missing for dynamicHeight on material.angular.io~~

贡献指南

打开贡献指南

调研方向

从链接的 StackBlitz 复现开始,尤其检查 src/app/app.component.html,并检查 Angular Material 针对 dynamicHeight 的选项卡实现。通过动态添加内容并切换选项卡来复现该问题;当选项卡高度过渡使用更新后的内容尺寸时,即表示完成。

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

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

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