Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 14 Sep 2023 08:36 by ADMIN
Marc
Created on: 12 Mar 2021 13:13
Category: MultiSelect
Type: Bug Report
0
Multiselect does not close popup, when you click on the searchbar input element

Use the basic usage example from https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/

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

3 comments
Marc
Posted on: 16 Mar 2023 07:58

@Ivan

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.

Ivan
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")
if(id){
if(toggle){
var multiselect = $(`#${id}`).data("kendoMultiSelect");
multiselect.close();
toggle = false
}else{
toggle = true
}
}
});
ADMIN
Martin
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:

https://github.com/telerik/kendo-angular/issues/3240

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:

https://stackblitz.com/edit/angular-rkpwpa

Please accept our apologies for the caused inconvenience.

Regards,
Martin
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/.

Create an account Log In
View
Type
Status
Category