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
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
Make the TabStrip component scrollable, like the counterpart (http://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs) in Kendo UI for JQuery is.
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.
Implement OnChange Events for tabs.
Vertical or Horizontal orientation of tab strips. Default to horizontal.