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,
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.
Bug report
Reproducible with version 2017.2.504 (R2 2017) and newer.
Reproduction of the problem
Dojo example.
- 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
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
Reproduction of the problem
- Open this Dojo and run it.
- The Menu component is being rendered
- Move the mouse cursor over the Menu.
- A thin grey line appears under each section of the Menu. No submenus are being displayed
Expected/desired behavior
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-";
Environment
- Kendo UI version: 2019.2.619
- jQuery version: x.y
- Browser: [all]
Bug report
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
Reproduction of the problem
Open this Dojo and run it. Open the browser's console and see the error.
Expected/desired behavior
When removing a non-existing item from a ContextMenu no error should be thrown.
Environment
- Kendo UI version: 2019.2.514
- jQuery version: x.y
- Browser: [all]
Nested Menu items are not being expanded the first time that they are hovered:
Bug report
The usage of $.uniqueSort() in jQuery 1.10.x throws an error in multiple components like Menu, DropDownList, DropDownTree, and TreeView.
Related to #4665
Reproduction of the problem
- Open this Dojo and try to use some of the components in it.
- Error messages appear in the console and the components get stuck
Current behavior
Expected/desired behavior
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.
Environment
- Kendo UI version: 2019.2.514
- jQuery version: 1.10.x
- Browser: [all]