Completed
Last Updated: 21 Mar 2024 13:28 by avto
Holger
Created on: 19 Mar 2024 11:55
Category: TabStrip
Type: Bug Report
2
TabStripComponent throws errors after updating to Angular 17.3.0

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

Duplicated Items
7 comments
avto
Posted on: 21 Mar 2024 13:28
its works now  thenks <3
avto
Posted on: 21 Mar 2024 13:11
i updated all this 3  npm-check-updates  but anyway have same problem
ADMIN
Yanmario
Posted on: 21 Mar 2024 12:32

Hi Avto,

Please update the Layout package to its latest version to avoid the error.

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/#toc-updating-to-latest-versions

Regards,
Yanmario
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
avto
Posted on: 21 Mar 2024 12:14
i have same porblem     VM4197:1 ERROR DOMException: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
    at NoneEncapsulationDomRenderer.setAttribute (http://localhost:4200/vendor.js:119479:10)
    at AnimationRenderer.setAttribute (http://localhost:4200/vendor.js:62816:19)
    at setElementAttribute (http://localhost:4200/vendor.js:85461:14)
    at elementAttributeInternal (http://localhost:4200/vendor.js:85452:3)
    at ɵɵattribute (http://localhost:4200/vendor.js:93158:5)
    at TabComponent_HostBindings (http://localhost:4200/vendor.js:249798:98)
    at processHostBindingOpCodes (http://localhost:4200/vendor.js:84508:9)
    at refreshView (http://localhost:4200/vendor.js:86192:5)
    at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
    at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
    at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
    at refreshView (http://localhost:4200/vendor.js:86171:5)
    at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
    at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
    at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
    at refreshView (http://localhost:4200/vendor.js:86171:5)
    at detectChangesInView$1 (http://localhost:4200/vendor.js:86366:5)
    at detectChangesInViewIfAttached (http://localhost:4200/vendor.js:86329:3)
    at detectChangesInEmbeddedViews (http://localhost:4200/vendor.js:86287:7)
    at refreshView (http://localhost:4200/vendor.js:86171:5)
ADMIN
Yanmario
Posted on: 20 Mar 2024 09:20

Hi Everyone,

A fix is available in version 15.3.0 which was released today:

https://stackblitz.com/edit/angular-baaosj-tc7wo1?file=src%2Fapp%2Fapp.component.ts

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/#toc-updating-to-latest-versions

Regards,
Yanmario
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Simon
Posted on: 20 Mar 2024 07:56
It seems that the string "attr.aria-disabled]" should be replace by "attr.aria-disabled", sorry
Simon
Posted on: 20 Mar 2024 07:56

Same problem here.

 

It seems that the string "attr.aria-disabled]" should be replace by "attr.aria-disabled]" in :

- tab.component.mjs line 78

- fesm2020/progress-kendo-angular-layout.mjs line 3437

- fesm2015/progress-kendo-angular-layout.mjs line 3535

 

Could we have a quick fix for this ?

 

Thank you,