Dojo example.
The sub-menu of "Sub Item 1" does not open.
If the behavior is not exhibited on the first test, click another of the root items and repeat, or reload the example and try again. The issue is more easily reproducible in IE, however it occurs in Chrome and Firefox as well. For more details and a video demonstrating the issue, refer to Ticket ID: 1472421
Sub menus open consistently.
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
The 'aria-expanded' is not added to the Menu and the screen readers do not inform which item is expanded
The screen readers should be able to read which item is expanded in the Menu.
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
The alert about the item selection is not appearing, i.e. the select event is not triggered.
The select event should be triggered and the alert should appear as expected.
When utilizing the content property for a Kendo UI Menu's DataSource, the MenuItem's content is not created as expected based on documentation.
Here is a Progress Kendo UI Dojo which replicates the appearance issue.
This is a Dojo with an older version that is working as expected.
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.
Steps to reproduce:
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
Menu throws error on mobile device
The Menu does not close and error: Uncaught TypeError: i._removeHoverItem is not a function at init.close (kendo.all.js:107181:1)
occur.
The Menu should close on second click without errors in browser console.
Hi Team,
I would like to request adding a scrollbar option for the Kendo UI ContextMenu instead of the scroll buttons.
Thanks!
Menu item chaining is not activating for the Kendo UI Menu's subitems.
Chaining for the open method is not occurring as expected.
In a ContextMenu with three levels of items, if you click on a third level item, the popup remains visible.
Small video showing the issue: https://somup.com/cT10iOLyCT
The target item's popup remains visible, while the parent popups close
All popups should close when an item is clicked.
If a ContextMenu is opened near the screen border, opening a third level of items doesn't show any nodes.
The Preferences node doesn't contain any items
The Preferences node should show the items
Please fix your demo page. https://demos.telerik.com/kendo-ui/menu/context-menu I'm showing a js error and am not able to see the demo work. Thanks!
The usage of $.uniqueSort() in jQuery 1.10.x throws an error in multiple components like Menu, DropDownList, DropDownTree, and TreeView.
Related to #4665
All components should work properly no matter of the jQuery version used.
To see the expected behavior change
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
to
<script src="https://kendo.cdn.telerik.com/2019.2.514/js/jquery.min.js"></script>
in the provided Dojo.
Removing non-existing item from ContextMenu throws a Javascript Error
Uncaught TypeError: Cannot read property 'parentsUntil' of undefined
This is regression introduced in R2 2019
Open this Dojo and run it. Open the browser's console and see the error.
When removing a non-existing item from a ContextMenu no error should be thrown.
Nested Menu items are not being expanded the first time that they are hovered:
I prepared a dojo example. https://dojo.telerik.com/oKIkuCaP
As can be seen from example, the MVVM context menu seems to ignore data-copy-anchor-styles option.
Current solution for us is to extend the kendo.ui.ContextMenu and set the copyAnchorStyles option to false.
Defining a custom namespace with Kendo.ns stops the displaying of all submenus in the Menu component.
This is a regression represented in R2 2019
The Menu component should work properly even when a custom Kendo namespace is being defined. To see the expected behavior put a comment on the following line:
kendo.ns = "kendo-";
Reproducible with version 2017.2.504 (R2 2017) and newer.
Dojo example.
Separators are not displayed.
Separators are displayed.
Workaround:
.k-menu-scroll-wrapper .k-menu-group .k-separator {
border-bottom: 1px solid #c5c5c5;
width: 100%;
}
$("#context-menu").kendoContextMenu({
target: "#grid",
filter: "tr.k-state-selected[role='row']",
select: function(e) {
var grid = $("#grid").data("kendoGrid");
var model = grid.dataItem(e.target);
alert( model.age + " " + model.name);
}
});
### Bug report
Sub Menu item is not opened, if hovered before close animation of another sub-menu-items's child item completes.
Reported in ticket ID 1473199, where a reproduction video is available.
### Reproduction of the problem
1. Run the following [Dojo snippet](https://dojo.telerik.com/@Dimitar-Goshev/EfEmoCon)
1. Hover Item 1, then hover Sub Item 4
1. Hover Sub Item 41 to expand its sub item
1. Quickly move the mouse from SubItem 41 to Sub Item 4 text and then to Sub Item 3 text
### Current behavior
Sub Item 3 is NOT expanded and its child items are NOT visible
### Expected/desired behavior
Sub Item 3 is expanded and its child items are visible
### Environment
* **Kendo UI version:** 2020.2.617
* **Browser:** all