With Angular Material 15, is it possible to keep the tab control tabs in view when the content overflows and apply scrollbars to the content only?
View on Stackblitz
I've previously rejected the use of Material Tab Control as it didn't work well with Flex Layout. As @angular/flex-layout is now deprecated, I've given this another go using CSS Flexbox. However, I can't work out how to add scrollbars to the content only when the content overflows.
The issue is described here but the Stackblitz links are no longer working and the solution proposed by liviu-nita seems like a less than ideal work-around.
Dynamic height seems to be irrelevant to the issue, and I've not been able to adapt the answer here.
Demo of the issue on Stackblitz
How the control is rendered:
