1. Feedback
  2. Angular
  3. 16130

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Tab height calculation

We would like to have the tab height take 100% of it's parent and have it's content height be 100% of available space as well.  I have two samples below showing what I'm trying to do.

The following example shows a working example of two grids within cards that size and resize correctly where the grid scrolls within the cards.

https://stackblitz.com/edit/syncfusion-auto-height-grids?file=main.ts

I am trying to do the exact same thing in the sample below, but within a tab control.  Notice how the page scrolls instead of having the heights constrained like the sample above.

https://stackblitz.com/edit/syncfusion-auto-height-grids-in-tabs?file=main.ts 

I am trying to use `
heightAdjustMode="Fill"` and `heightAdjustMode="None" height="100%"`, but neither give me the desired effect.

Are these working correctly?  Is there a different way to solve my requirement?