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 ]

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.

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:

1. calling resize() on the widget
2. calling resize(true) on the widget
3. calling kendo.resize() on the container.

Possibly related to https://github.com/telerik/kendo-ui-core/issues/4067 .

### 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

Bug report

Reproduction of the problem

Dojo example.

1. Click "Test1" and immediately hover "Sub Item 1"

Current behavior

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

Expected/desired behavior

Sub menus open consistently.

Environment

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

My suggestion in for Marketing new products and services.

May Telerik could create a Telerik Store, for his customers sell directy to each other, sub systems, or even full systems or custom components and Themes.

Progress Telerik wins a part of the trade.

This is my idea for future community, 'cause robots will grow very fast and a Store for your plataform would be good way for humans improve each other. Could the Store developers sell too his task force for jobs targeting Telerik products.

WI
Hi Telerik Team,

Just wanted to point out that it would be nice if you could kindly put "-Bruce Lee" after the "Content is like water" quote. 

Thank you

Hi

I was wandering around on the internet for the responsiveness of the Kendo UI menu but didn't get success, even I read your forum, someone has posted about this, but you have written that we have not created responsive menu yet.

Please see the attached screenshot 

https://www.telerik.com/forums/menu-and-bootstrap

Please create your menu responsive as we need to use in our application.

Almost everything in the Kendo UI library can have its visual aspect changed by use of templates.

Unfortunately this does not apply to the visual interface for the Kendo Menu object.

Please can you consider adding this functionality.

Menu - set item highlighted when clicked 
Example: If I click HOME I want home remain highlighted, if I click another item set this item highlighted

Have the menu act the same as a DropDown with detached Popup which lives in the document.body so it can expand over splitters and other things that hide the menu expansion.

An action that would work just like the MVC @Ajax.ActionLink with the AjaxOptions { UpdateTargetId , HttpMethod , InsertionMode }

Which adds the data-ajax attributes to the anchor tag:

Example: 
data-ajax="true" data-ajax-method="Get" data-ajax-mode="replace" data-ajax-update="#AjaxContent"

According to the documentation at:

http://docs.kendoui.com/kendo-ui/api/web/menu#configuration-dataSource 

you can add the following information to a dataSource:

text
cssClass
url
encoded
content
imageUrl
spriteCssClass

However you cannot add an id to the menu item you are creating.  This makes it very difficult to remove items by using:

menu.remove("#Item1");

The only way round this is to assign a unique class to each menu item and then remove them using:

menu.remove(".news");

If an id can be added that would be great.  You have an example here:

http://docs.kendoui.com/kendo-ui/api/web/menu#methods-remove

Which is what we would like to do except the items will be created via a program and not static HTML.

Currently, when a menu item is a link and has a sub menu, the sub menu is never shown on touch screens.

The first click on the menu item opens the link. On touch screens, the first click should open up the sub menu, and a second click would be needed to open the link.

its not very easy and transparent to find out what menu item was clicked and what function is to be executed. A simple callback reference would be most convenient. Or at least a simple value to compare. Other advantage is that in case of international translations the code is not impacted

Kendo UI is so customizable, which is why I'm transitioning away from DHTMLX, jQuery UI and jQuery Mobile. The Menu currently allows some control over click events, but I think, in keeping with Kendo's current customization options, full control over click and hover events would be a great thing to have.

I was able to mock this by commenting out 1 line of code, so to add as a configure option, this should be pretty easy to implement.

Hi,

ContextMenu scroll ( contextmenu height ). ( telerik RadContextMenu do it )

Thanks

In the kendo ui menu, we need the ability to associated a number (or primary key) with the menu so that when it is clicked we can then use this id and make an async js callback or the like.  At the moment the only thing we have available is the menu item text.  What happens if the menu has two menu items with the same text? ie File -> Properties and Folder -> Properties?