Kendo multiselect not working with single tap on mobile -only responds to long press

[Rasika]

Hello everyone,

I'm currently working with Kendo UI's MultiSelect widget, and I’m experiencing an issue specifically on Android mobile devices.

On desktop, everything works fine. However, when testing on mobile, the MultiSelect only opens when I perform a long press. It does not open with a single tap, which is how I want it to function.

I’ve tried binding both touchstart and touchend events manually, but the issue persists. I also attempted to use FastClick to remove any tap delays, but the problem still occurs.

Here’s a snippet of my code:

javascript
Copy
$("#test_0").kendoMultiSelect({
    itemTemplate: "<input type='checkbox'/>" + " #:data.adressName#",
    placeholder: "xyz"
    dataTextField: "adressName",
    dataValueField: "adressName",
    tagTemplate: '<span title="#:adressName#">#:data.adressName#</span>',
    dataBound: function () {
        var items = this.ul.find("li");
        setTimeout(function () {
            checkInputs(items);
        });
    },
    change: function () {
        var items = this.ul.find("li");
        checkInputs(items);
    }
});
Has anyone else experienced this issue? How can I make Kendo MultiSelect work with a single tap (not requiring a long press) on Android mobile devices?

Any help or suggestions would be greatly appreciated!

Thanks!

[Neli]

Hello,

Hi Rasika,

I tested the described behavior on my side in our demos, but tI did not manage to reproduce the issue. Attached you will find a screencast that demonstrate the MultiSelect behavior when the component is opened in Android 14. Could you please let me know if I am missing something? Please confirm whether the issue described can be replicated in our demos.

Looking forward to your reply.

Regards,
Neli
Progress Telerik