[TextArea] Doesn't auto-resize inside a TabStrip and ExpansionPanel

[yanmariomenev]

Describe the bug

This issue highlights a problem with the resizing behavior of a TextArea when placed inside a TabsStrip with the [keepTabContent]=true setting. The TextArea fails to resize correctly, causing layout inconsistencies.

Similar behavior - https://github.com/telerik/kendo-angular/issues/4068

To Reproduce Open and navigate to 'London' tab - https://stackblitz.com/edit/angular-b1qx41-ywwis8?file=src%2Fapp%2Fapp.component.ts

Expected behavior

A similar issue appears with the ExpansionPanel. Only the opened panels makes the TextArea to auto-resize correctly: https://stackblitz.com/edit/angular-v1rcfu-qe6hx8?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fstyles.css,src%2Fapp%2Fcountries.ts

Workaround To address the resizing issue within the TabsStrip, utilize ngIf to trigger a re-rendering of the TextArea specifically for the defined tab. This approach ensures proper resizing and resolves layout inconsistencies.

https://stackblitz.com/edit/angular-b1qx41-tspph5?file=src%2Fapp%2Fapp.component.ts

[hetalishah]

Setting the keepTabContent property to true also does not close the Grid's filter menu when the tab is changed when it is initially loaded. To replicate, open the Product Name filter menu and change the tab: StackBlitz example