After updating to Angular 9, none of the dropdown buttons are working.
I have the simple example:
<kendo-dropdownbutton [data]="data">
User Settings
</kendo-dropdownbutton>
And when the page renders the console shows:
core.js:6189 ERROR TypeError: Cannot read property 'nativeElement' of undefined
at DropDownButtonComponent.get focused [as focused] (index.js:2688)
at DropDownButtonComponent_HostBindings (index.js:2905)
at setHostBindingsByExecutingExpandoInstructions (core.js:11535)
at refreshView (core.js:11904)
at refreshComponent (core.js:13295)
at refreshChildComponents (core.js:11586)
at refreshView (core.js:11909)
at renderComponentOrTemplate (core.js:11983)
at tickRootContext (core.js:13457)
at detectChangesInRootView (core.js:13491)
at RootViewRef.detectChanges (core.js:15182)
at ApplicationRef.tick (core.js:42907)
at ApplicationRef._loadComponent (core.js:42957)
at ApplicationRef.bootstrap (core.js:42883)
at core.js:42475
When I click the button, just a small empty popup shows.
I am using:
"@progress/kendo-angular-dropdowns": "^4.2.6",
"@progress/kendo-angular-buttons": "^5.4.0",
Does anyone know what might be the issue here?
Thanks.
3 Answers, 1 is accepted
Rank 1
May be related to this bug that someone raised similarly for <kendo-splitbutton> on Angular 9:
https://github.com/telerik/kendo-angular/issues/2838
Rank 1
May be related to this bug that someone raised similarly for <kendo-splitbutton> on Angular 9:
https://github.com/telerik/kendo-angular/issues/2838
[/quote]
It was the same bug and was fixed by the updated version of kendo-button referenced in that bug.
Hi Tom,
Thank you for the provided feedback.
Yes, this is a known issue that was already fixed in the latest 5.4.1 version of the Buttons package:
https://www.telerik.com/kendo-angular-ui-develop/components/buttons/changelog/
Let me know if I can provide any further assistance.
Regards,
Martin
Progress Telerik
Our thoughts here at Progress are with those affected by the outbreak.