Last Updated: 14 Sep 2023 08:36 by ADMIN
Created on: 12 Mar 2021 13:13
Category: MultiSelect
Type: Bug Report
Multiselect does not close popup, when you click on the searchbar input element

Use the basic usage example from

Click in the area next to the baseball chip.

The list with available objects pops up.

Click in the place where the cursor is, the popup won't close.

Click in the right half of the component, the popup closes.


It seems it's the input element which swallows the click event.

I would expect the popup to be closed, no mather where I click in the component

Posted on: 16 Mar 2023 07:58


Thanks for the suggestions.


Unfortunately this approach is not applicable for us.

We don't have jquery on board and we don't do hacks like these, which rely on the internal structure of telerik components.

They tend to break on the next upgrade.

Posted on: 16 Mar 2023 07:14
Here is my WorkAround for this

Try This

var toggle = false
$(document).on("click",'.k-state-border-down',function (e) {
const id = $(e.currentTarget).children('select.multi-select').attr("id")
var multiselect = $(`#${id}`).data("kendoMultiSelect");
toggle = false
toggle = true
Posted on: 19 Mar 2021 10:10

Hello Marc,

Thank you for the provided feedback.

I logged a bug report in our public GitHub repository that can be tracked at the following link:

Please subscribe to it, in order to be notified in a timely manner when there is any update. As a workaround the developer can utilize the built-in toggle method to close the popup programmatically when the mentioned input is clicked:

Please accept our apologies for the caused inconvenience.

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