I'm using kendo context menu on a grid that's selectable, & contains links in its row items.
I need to show the custom context menu on selected rows only, without losing the browser's default context menu on the other rows, e.g. to allow opening the link in a new page.
I added a context menu & set the target & filter as follows:
$("#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);
}
});This works fine on desktop browsers (I tried Chrome & Firefox). However, I have a problem on touch devices: the browser's default context menu is never shown for non-selected rows (you can reproduce it using the browser's Emulator) .
Here's a working dojo :
http://dojo.telerik.com/oyASaDiN
You will notice that I'm using version 2017.3.1026 in this dojo (which is the version currently used by my company), but even if we consider an upgrade, the problem is also reproducible on the latest version (2019.3.1023).
Please advise,
### 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
I'm having resize issues with the Menu control that I cannot sufficiently document at this time (my menu is inside a splitter, it's horizontal and it should be scrollable, but the arrows don't always appear).
I tried working around them by manually forcing a resize. Per documentation:
Each Kendo UI widget has a resize() method which can be used to trigger a layout readjustment instead of using kendo.resize. The resize method of the widget accepts a single Boolean parameter, which defines whether the control should execute its layout adjustment algorithm even if the widget dimensions have not changed ("force" mode).
However, the Menu widget does not override this method. It only binds to the Window resize event:
$(window).on(RESIZE, kendo.throttle(function(){
that._setOverflowWrapperWidth(initialWidth, initialCssWidth);
that._toggleScrollButtons(that.element, backwardBtn, forwardBtn, isHorizontal);
}, 100));It's highly probable that the magic value 100 does not fit my use case. However, I cannot force a resize neither by:
- calling resize() on the widget
- calling resize(true) on the widget
- calling kendo.resize() on the container.
Possibly related to https://github.com/telerik/kendo-ui-core/issues/4067 .
The contextMenu is not acessible. Upon opening, it should capture the keyboard focus and allow navigation by arrow keys, but it does not. (It can be observed here.)
Keyboard use of the contextMenu is also not documented. Keyboard use of the menu is documented here, while the contextMenu is separately documented here.
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
- Open this Dojo example.
- Click the Append 2 button
- 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
When scrollable and closeOnClick are enabled and the user click on an item, the Menu does not close.
Reproduction of the problem
- Open the Dojo - https://dojo.telerik.com/@NeliKondova/AwaqAqIP
- 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
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
The popupCollision option of the Menu cannot be set in MVVM
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/izaZIkAK/7
- 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]