angular/components

[Tabs] Textarea values not shown in hidden tabs

Open

#5,222 opened on 2017年6月19日

GitHub で見る
 (9 comments) (3 reactions) (1 assignee)TypeScript (24,044 stars) (6,650 forks)batch import
P2area: material/tabshelp wanted

説明

Bug, feature request, or proposal:

The value of text area with mdTextareaAutosize is not visible until the size of the text area is recalculated (with resizeToFitContent() or by typing) when the text area is inside an MdTab that is not initially visible. The min rows is also not working.

What is the expected behavior?

The text area value is visible and min rows works.

What is the current behavior?

The text area value is not visible until the value change by typing or resizeToFitContent is called and min rows doesn't works.

What are the steps to reproduce?

http://plnkr.co/edit/h4EYvCm36ncKlJolJnhU?p=preview Open plunker and go to the second tab.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular: 4.2.3 Material: 2.0.0-beta.6 Windows 10 Typescript: 2.3.4

コントリビューターガイド

技術スタック
typescript
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
AngularAngular MaterialTabs
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40
調査方針
The issue occurs because the textarea autosize directive calculates its size based on the element's offsetHeight, which is 0 when the tab is hidden. Investigate how Angular Material Tabs handle visibility (e.g., using display:none or visibility:hidden) and whether the autosize directive needs to recalculate when the tab becomes visible. Look at the directive's source code in https://github.com/angular/components/blob/main/src/material/input/autosize.ts and the tab component to understand lifecycle hooks. Consider adding a method to trigger recalculation when the tab is shown, or adjusting the directive to handle hidden elements.