After updating to Angular version 17.3.0 the TabStripComponen throws errors:

• Error: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
• Error: Cannot read properties of undefined (reading 'filter')

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

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.

Make the TabStrip component scrollable, like the counterpart (http://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs) in Kendo UI for JQuery is.

Implement OnChange Events for tabs.

Vertical or Horizontal orientation of tab strips.

Default to horizontal.