After Upgrading @progress/kendo-react-listbox version from "5.9.0" to "5.10.1" UI has broken

1 Answer 157 Views
Toolbar
Niranjan
Top achievements
Rank 1
Niranjan asked on 03 Feb 2023, 11:09 AM | edited on 03 Feb 2023, 11:11 AM

Hi Team,

Recently I have upgraded @progress/kendo-react-listbox version rom "5.9.0" to "5.10.1" (e.g. upgraded whole kendo ui libraries). and after this UI has broken.

Adding screenshots for your reference.

Fyi, I was inspecting in browser and saw that css class names are different on both version.

In version 5.9.0 toolbar class name is "k-listbox-toolbar" and in version 5.10.1 class name is "k-listbox-actions".

 

Could you please help me how to fix it on latest version?

1 Answer, 1 is accepted

Sort by
0
Wissam
Telerik team
answered on 06 Feb 2023, 01:23 PM

Hi, Niranjan,

Thank you for the provided screenshots.

This issue is caused when upgrading the components without upgrading the kendo themes version and I was able to reproduce it by using the `5.10.0` version of `kendo-themes-default` with the `v5.10.1` version of the ListBox. However, when using the latest version `v6.0.3` of kendo-themes-default, the component is rendered properly:

Please, have in mind that the latest version of the components supports only the latest version of the themes (and vice versa). In case you are importing kendo themes in App.js or the same file where the component is rendered, you should install the `v6.0.3` version using npm:

I hope this helps, but please let us know if you have any further questions.

Regards,
Wissam
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Toolbar
Asked by
Niranjan
Top achievements
Rank 1
Answers by
Wissam
Telerik team
Share this question
or