Tab height does not change with parent size when heightAdjustMode="Fill"

[Cosmin Budac]

When setting heightAdjustMode="Fill", the tab size is set correctly on the initial load of the component. However, when the window is resized, the parent component resizes correctly but the height of the tab does not change. Bellow the red border is the parent div border.

StackBlitz sample:

https://stackblitz.com/edit/angular-cmi8yj?file=main.ts

Once window is resized you have this:

Please let me know how can the tab height be resized once the window and its parent is resized.

Thanks

[Ruksar Moosa Sait]

Hi Cosmin,

We have logged the reported problem “Tab height does not change with parent size when heightAdjustMode=’Fill’” as a bug and the fix for this defect will be included in the Volume 4 release. You can track the status of the fix at the following link:

Feedback: https://www.syncfusion.com/feedback/39630/tab-height-does-not-change-with-parent-size-when-heightadjustmode-fill

Disclaimer: The inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,

Ruksar Moosa Sait

[Swathi Ravi]

Cosmin,

We are glad to announce that our Essential Studio 2022 Volume 4 release v20.4.0.38 is rolled out and is available for download under the following link.

https://www.syncfusion.com/forums/179561/essential-studio-2022-volume-4-main-release-v20-4-0-38-is-available-for-download

The fix for the issue “Tab height does not change with parent size when heightAdjustMode=’Fill” has been included in our volume 4 release 20.4.0.38. Upgrade to the latest version to resolve the issue.

Release notes: https://ej2.syncfusion.com/angular/documentation/release-notes/20.4.38/?type=all#tab

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Regards,