SELECT won't open if a kendo context menu is applied to it (on mobile browsers)

Progress® Kendo UI® for jQuery Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 02 Jan 2026 12:55 by ADMIN

FABIO

Created on: 08 Apr 2021 12:42

Category: Kendo UI for jQuery

Type: Bug Report

SELECT won't open if a kendo context menu is applied to it (on mobile browsers)

When a kendoContextMenu is applied to a combobox (html tag select) you are not able to show the select options by tapping it. The behaviour is on mobile browser only (tested iPad and Google Chrome developer tools with device toolbar enabled).

I reproduced the issue in telerik dojo, here is the code.

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/menu/context-menu">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.common-bootstrap.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.bootstrap.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.bootstrap.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2021.1.330/js/jquery.min.js"></script>
    
    
    <script src="https://kendo.cdn.telerik.com/2021.1.330/js/kendo.all.min.js"></script>
    
    

</head>
<body>
    <div id="example">
      <select>
        <option>Opzione 1</option>
        <option>Opzione 2</option>
        <option>Opzione 3</option>
      </select>
      
    <ul id="menu">
        <li>
            <img src="../content/web/toolbar/reply.png" /> Reply
        </li>
    </ul>
      
</div>
<script>
    $(document).ready(function() {
        setTimeout(function () {
            var initMenu = function () {
                menu = $("#menu").kendoContextMenu({
                    target: "select",
                    select: function(e) {
                        // Do something on select
                    }
                });
            };

            initMenu();
        }, 0);
    });
</script>

</body>
</html>

2 comments

ADMIN

Nikolay

Posted on: 02 Jan 2026 12:55

This behavior was originally reported over 4 years ago and has not received significant demand or follow-up from the community since then. Considering this and the availability of a workaround, we are unable to prioritize it over more impactful and widely requested improvements.

If this limitation is still affecting your scenario, please share additional context or use cases. This will help us better assess the severity and reconsider prioritization in the future. Thank you!

Regards,
Nikolay
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

ADMIN

Misho

Posted on: 15 Apr 2021 12:45

Hello,

I was able to replicate the undesired behavior with Chrome on Android and logged it our public Github repo where you could track its status:

https://github.com/telerik/kendo-ui-core/issues/6379

This issue is also visible in our Public Feedback portal where you could vote for raising its priority:

https://feedback.telerik.com/kendo-jquery-ui/1514566-select-won-t-open-if-a-kendo-context-menu-is-applied-to-it-on-mobile-browsers

You to consider attaching the menu to another element different than the select, for example using nav bar:

https://dojo.telerik.com/iDaPEFIy/2

I hope this helps.

Best Regards,
Misho
Progress Telerik

Тhe web is about to get a bit better!

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.