Make the TabStrip component scrollable, like the counterpart (http://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs) in Kendo UI for JQuery is.
Vertical or Horizontal orientation of tab strips. Default to horizontal.
Implement OnChange Events for tabs.
It seems to be impossibly hard to make it so that when a TabStrip is in a container that the content area is able to fill the remaining space rather than fitting to the content. I have seen that there are work arounds for what appears to be the same issue for the jQuery KendoUI library but it looks like a hack rather than a true solution. (One shouldn't have to go to the code behind to make this happen). A simple "fillRemainingSpace" (or similar) would be perfect and have the TabStrip handle the rest. I expect this is pretty common scenario for anyone making application like UI websites.
After updating to Angular version 17.3.0 the TabStripComponen throws errors:
The problem can be reproduced using this StackBlitz sample: https://angular-baaosj.stackblitz.io
The "auto" scrolling mode of the TabStrip works fine when we resize the container or the window - i.e. the scroll buttons appear if the tabs do not fit ij the container. However, they do not appear if we add tabs dynamically and this is a bug. If we add tabs dynamically, then once the tabs dont fit in the container, the scroll biuttons should appear. Below is the example in stackblitz:
https://stackblitz.com/edit/angular-p5jc7v?file=src%2Fapp%2Ftab_content.ts,src%2Fapp%2Fapp.component.ts