Performance issue with multiselect dropdown popup closing - 2025.2.520 version.

[Jyothsna]

We are using KendoUI library for jquery. We upgraded from 2021 to 2025.2.520 version.

After upgrading we are facing issue with multiselect dropdown. Control having change events, after selecting any new value or removing existing values- on-closing of list items popup we are triggering "SelectionChanged" event, so it's taking more time to close the popup and disabling all other controls click event. After closing the popup , we are able to click on other controls.
How to overcome this issue?

[Neli]

Hi Jyothsna, 

I have replied earlier to the support thread on the same topic. I would recommend continuing the conversation in a single thread. For convenience, below you will find my last reply copied:

In order to be able to help, I will need an isolated, runnable example where the issue is demonstrated. From the provided information, I am not sure how we can replicate the issue locally, so we could investigate further. If it is more convenient for you, you could use the Dojo linked here that contains cascading MultiSelects as a starting point - https://dojo.telerik.com/KSaIEVtq. 

Also, could you please provide more information about the forums where the change is discussed? I could not think of such a change applied to the Multiselect implementation released in the past years that affects the change event in such a manner. 

Looking forward to your reply.

Regards,

Neli

[Gopal]

Hi Neli,

We are encountering an issue in a form that uses Kendo MultiSelect cascading dropdowns. The setup includes a parent dropdown, a child dropdown that cascades from the parent, and another level of cascading from the child.

The problem occurs when we select a value in the first parent dropdown: the dropdown popup does not close until all child dropdowns have finished loading. This behavior prevents users from performing other actions on the form during that time.

We would appreciate your guidance in resolving this issue.

Thank you,
Gopal

[Neli]

Hello Gopal,

Based on your description, the MultiSelect popup stays open and blocks the UI until all child dropdowns complete loading. This is likely due to synchronous operations or event handlers that delay the pop-up closing.

What I would suggest to try to resolve the issue:

• Immediate Popup Closing: To ensure the MultiSelect popup closes right after selection, use the widget’s close() method in the change event. This will close the pop-up immediately, allowing users to interact with other form elements while child dropdowns load asynchronously.

  $("#parentMultiSelect").kendoMultiSelect({
    change: function(e) {
      // Start async loading for child dropdowns here
      // ...
      // Close the popup immediately
      this.close();
    }
  });
  

• Make sure the logic for loading child dropdown data (such as AJAX requests) runs asynchronously and does not block the UI or the popup closing. Display loading indicators on the child dropdowns if needed, but avoid blocking user interaction with the rest of the form.

Please have in mind that the MultiSelect widget does not have built-in cascading support. For complex cascading scenarios, consider using Kendo DropDownList or ComboBox widgets, which offer native cascading features:

https://demos.telerik.com/kendo-ui/dropdownlist/cascadingdropdownlist

https://demos.telerik.com/kendo-ui/combobox/cascadingcombobox

Let me know in case you have any additional questions on the matter.

Regards,
Neli
Progress Telerik