Getting error "Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' "

[Yogesh]

I recently upgraded my application angular version to 18.2.4 now I'm getting this error. I figured that probably Kendo control need to be upgraded as well so I updated the Keno UI version as well.

 

ERROR InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name.
    at Ct.setAttribute (platform-browser.mjs:593:16)
    at na.setAttribute (browser.mjs:4603:23)
    at o1 (core.mjs:13032:18)
    at C_ (core.mjs:13022:5)
    at T2 (core.mjs:21174:9)
    at hostBindings (progress-kendo-angular-layout.mjs:96:100)
    at rD (core.mjs:12022:17)
    at W0 (core.mjs:13833:9)
    at Y0 (core.mjs:13999:9)
    at LE (core.mjs:13959:5)

 

    "@progress/kendo-angular-buttons": "^16.9.0",
    "@progress/kendo-angular-common": "^16.9.0",
    "@progress/kendo-angular-dateinputs": "^16.9.0",
    "@progress/kendo-angular-dialog": "^16.9.0",
    "@progress/kendo-angular-dropdowns": "^16.9.0",
    "@progress/kendo-angular-excel-export": "^16.9.0",
    "@progress/kendo-angular-grid": "^16.9.0",
    "@progress/kendo-angular-icons": "^16.9.0",
    "@progress/kendo-angular-indicators": "^16.9.0",
    "@progress/kendo-angular-inputs": "^16.9.0",
    "@progress/kendo-angular-intl": "^16.9.0",
    "@progress/kendo-angular-l10n": "^16.9.0",
    "@progress/kendo-angular-label": "^16.9.0",
    "@progress/kendo-angular-layout": "^16.9.0",
    "@progress/kendo-angular-menu": "^16.9.0",
    "@progress/kendo-angular-navigation": "^16.9.0",
    "@progress/kendo-angular-notification": "^16.9.0",
    "@progress/kendo-angular-pdf-export": "^16.9.0",
    "@progress/kendo-angular-popup": "^16.9.0",
    "@progress/kendo-angular-progressbar": "^16.9.0",
    "@progress/kendo-angular-tooltip": "^16.9.0",
    "@progress/kendo-angular-treeview": "^16.9.0",
    "@progress/kendo-angular-upload": "^16.9.0",
    "@progress/kendo-angular-utils": "^16.9.0",
    "@progress/kendo-data-query": "^1.7.0",
    "@progress/kendo-drawing": "^1.20.3",
    "@progress/kendo-licensing": "^1.3.5",
    "@progress/kendo-svg-icons": "^3.1.0",
    "@progress/kendo-theme-default": "^9.0.0"

 

 

I checked earlier post

https://feedback.telerik.com/kendo-angular-ui/1645525-tabstripcomponent-throws-errors-after-updating-to-angular-17-3-0?_gl=1*f8131b*_gcl_au*MjA3Mjg3MTg2My4xNzI2NTY3NTYy*_ga*MzQ5NDk5NTAwLjE3MjY1Njc1NjI.*_ga_9JSNBCSF54*MTcyNjU2NzU2MS4xLjAuMTcyNjU2NzU2MS42MC4wLjA.

 

[Georgi]

Hi Yogesh,

Thank you very much for the details provided.

Indeed, you are correct that before v15.3.0, a "Failed to execute 'setAttribute' on 'Element': 'aria-disabled]' is not a valid attribute name." was being thrown for the Kendo UI for Angular TabStrip component.

The good news is that the error was resolved, and the fix was released with v15.3.0 of the Kendo packages:

• https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui#v15.3.0

With that being said, I installed the latest versions of the Layout package and tested the TabStrip component. From what I have noticed, the component is rendered according to the expectations, and no error is thrown on the console. For your reference, I am attaching to this response the Angular project where I performed the testing.

To run the app:

1. Download and unzip the folder.
2. Execute npm install.
3. Run ng serve.

I hope this helps. Please let me know if I can further assist you with this case.

Regards,
Georgi
Progress Telerik