Hi Team,

I would like to request adding a scrollbar option for the Kendo UI ContextMenu instead of the scroll buttons.

Thanks!

Bug report

Scrollable menu opening wrong menu on mobile

Reproduction of the problem

This is reproducible in Chrome developer tools - using iPhone 14 Pro Max

Dojo: https://runner.telerik.io/fullscreen/jtDsGBpV

1. Scroll a little to the right to have Ladies partially hidden

2. Click on Ladies

3. Notice that the ladies is focused and scrolled to be fully visible but the opened submenu is Mens

Environment

jQuery: 3.4.1

Kendo UI version: 2025.1.227
Browser: [all]

Bug report

Menu throws error on mobile device

Reproduction of the problem

1. Using a mobile/touch device or emulator, open the dojo - to https://dojo.telerik.com/OBUCJAyd
2. Click to open the "Products" menu
3. Click again to close the "Products" menu

Current behavior

The Menu does not close and error: Uncaught TypeError: i._removeHoverItem is not a function at init.close (kendo.all.js:107181:1) occur.

Expected/desired behavior

The Menu should close on second click without errors in browser console.

The issue is a regression starting with 2024.4.1112

Environment

• Kendo UI version: 2024.4.1112
• Browser: [all ]

Bug report
Menu not closing on mobile devices with 2024.4.1112

Reproduction of the problem

https://demos.telerik.com/kendo-ui/menu/index

Expected/desired behavior
Menu shall close on tab

TicketID: 1674126

Bug Report

Loading individual scripts for Menu trows an error with version 2024.4.1112.

"Uncaught TypeError: n.ui.icon is not a function"

Regression with 2024.4.1112.

Reproduction of the problem

<link href="https://kendo.cdn.telerik.com/themes/10.0.1/default/default-main.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>

    <script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.core.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.popup.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.html.base.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.html.icon.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.icons.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.data.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.menu.min.js"></script>

Dojo demo: https://dojo.telerik.com/jjwUoIBz

Current behavior
Error is thrown

Expected behavior
The menu shall render as in previous versions: https://dojo.telerik.com/lJeMhObZ

Environment
Kendo UI version: 2024.4.1112
jQuery version: 3.4.1
Browser: [all]

Bug report

Vertical Menu with multi-level sub-menus and specified height for the sub-menu does not render the items correctly.

Reproduction of the problem

Open the following Dojo: https://dojo.telerik.com/ypHIRacj

Hover on `Mens` item.

Expected/desired behavior
Overflowing items shall be hidden and the scroller should scroll through the list.

Environment

jQuery: 3.4.1

Kendo UI version: 2024.3.1015
Browser: [all]

Bug report

The popupCollision option of the Menu cannot be set in MVVM

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/izaZIkAK/7
2. Test a scenario in which the popupCollision would apply, or check the Menu options in the browser console.

Current behavior

The popupCollision cannot be set

Expected/desired behavior

You should be able to set the option in MVVM scenario

Environment

• Kendo UI version: 2024.1.319
• Browser: [all]

Bug report

Scrolling submenu in Scrollable Menu not available in 2024.1.319

Regression with v.2024.1.319

Reproduction of the problem
Open this Dojo example - https://dojo.telerik.com/aweLUguB
Hover over "Mens"

Expected/desired behavior
Scrollbar shall be rendered so user can scroll over the list items

Environment
Kendo UI version: 2024.1.319
Browser: [all]

Bug report

When items are added to the Menu component using the append() method, the select event of the items is not triggered.

Regression introduced with 2023.2.606

Reproduction of the problem

1. Open the following Dojo example - https://dojo.telerik.com/@Zornitsa/UJASiWUq
2. Select the "Sub Item 1" menu item.

Current behavior

The alert about the item selection is not appearing, i.e. the select event is not triggered.

Expected/desired behavior

The select event should be triggered and the alert should appear as expected.

Environment

• Kendo UI version: 2023.3.1010
• Browser: [all]

Bug report

When utilizing the content property for a Kendo UI Menu's DataSource, the MenuItem's content is not created as expected based on documentation.

Reproduction of the problem

Here is a Progress Kendo UI Dojo which replicates the appearance issue.

Expected/desired behavior

This is a Dojo with an older version that is working as expected.

Workaround

Define the content in a nested Items property:

           {
             text: "<b>Item 2</b>",
             encoded: false,                              // Allows use of HTML for item text
             items: [{
               content: "text",                            // content within an item
               contentAttr: {
                 style: 'border: 1px solid red; padding: 2px;', // Add attributes to the content container
                 custom: 'value'
               }
             }],                             
           },

Here is a Dojo of the workaround in action.

Environment

• Kendo UI version: 2023.3.1114
• jQuery version: All supported versions
• Browser: all

Steps to reproduce:

1. https://dojo.telerik.com/ovUhajAp
2. Run the dojo and click the "Append" button

Expected: New child list item under the "Fifth Item" menu is bold and purple
Actual: New child list item is not formatted

If you inspect the DOM for the appended item, you will notice that the list item was not appended to a ul. A child ul was created but it is empty and has an undefined id.

It looks like this bug was introduced in 2023.2.606

Bug report
Vertical ContextMenu missing wrapper element <div class="k-menu-scroll-wrapper vertical">

Reproduction of the problem
Dojo: https://dojo.telerik.com/ObifIvOS/2

Result:

Environment
Kendo UI version: [2022.2.510 or newer]
jQuery version: [all]
Browser: all

Bug report

When you try to append a child item in the Menu, the parent item is replaced instead.

Regression introduced with 2022 R1

Reproduction of the problem

1. Open this Dojo example.
2. Click the Append 2 button
3. Check Item 2

Current behavior

The new item replaces Sub Item 1

Expected/desired behavior

The new item should be appended as a child to Sub Item 1

Environment

• Kendo UI version: 2022.2.802
• Browser: [all]

Bug report

Currently, when an item is expanded in the Menu, the screen readers do not read which item/subitem is expanded. The 'aria-expanded' attribute is not added to the Menu.

https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/menubar-1.html

Reproduction of the problem

1. Open the demos
2. Focus on the Menu and expand an item.

Current behavior

The 'aria-expanded' is not added to the Menu and the screen readers do not inform which item is expanded

Expected/desired behavior

The screen readers should be able to read which item is expanded in the Menu.

Environment

• Kendo UI version: 2021.1.119
• Browser: [all ]

Bug report

Reproducible with version 2017.2.504 (R2 2017) and newer.

Reproduction of the problem

Dojo example.

1. Open a submenu in the top Menu (it has scrollable: true set).

Current behavior

Separators are not displayed.

Expected/desired behavior

Separators are displayed.

Workaround:

.k-menu-scroll-wrapper .k-menu-group .k-separator {
  border-bottom: 1px solid #c5c5c5;
  width: 100%;
}

Environment

• Kendo UI version: 2019.3.917
• jQuery version: x.y
• Browser: [all ]

Bug report

When scrollable and closeOnClick are enabled and the user click on an item, the Menu does not close.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/AwaqAqIP
2. Click on an item in the Menu.

Current behavior

The Menu does not close.

Expected/desired behavior

The Menu should close after the user click on an item.

The issue is a regression starting with the 2023 R1 SP1 (2023.1.314) release.

Environment

• Kendo UI version: 2023.1.425
• Browser: [all ]

Bug report

Context Menu uses the element selector to focus the element after the Menu is closes

Reproduction of the problem
Open the Dojo - https://dojo.telerik.com/ImuViVAN/3

Expected/desired behavior
The Menu focus shall be placed over the correct input element


Environment
Kendo UI version: [all]
Browser: [all ]

Bug report

The sub items in a Menu only open the first time in IE when scrollable is set to true.

Reproduction of the problem

1. Open this Dojo example in IE - https://dojo.telerik.com/epUjAzaM/3
2. Hover a subitem in Item 1 or Item 2
3. Hover the subitem once again

Current behavior

The subitems open only the first time

Expected/desired behavior

The subitems should open every time you hover them

Environment

• Kendo UI version: 2021.3.914
• Browser: [IE]

Bug report

If a Popup is open and you click a Menu item, the Menu prevents the Popup from closing automatically.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/IrEYAqaK/2
2. Click the Open/Close button
3. Hover the Menu item and click the sub-item.

Current behavior

The Menu prevents the Popup from closing

Expected/desired behavior

The Popup should close when the Menu item is clicked.

Environment

• Kendo UI version: 2022.2.621
• Browser: [all]