Hello,

We recently upgraded Kendo packages to fix some weird behaviors but have noticed that the styling of MenuItems and the associated arrows changed despite our CSS styles not changing. As can be observed, the arrow has gone transparent and we are unable to determine how to try to change its style to white. We are able to still change the font color and background, but the arrow remains unaffected.

Pre Upgrade:

Post Upgrade:

Hello,

we have a use case where our actions column are hidden in grid because they are extra actions and there can be a lot of them, so we decided that we want to show them only when you hover over a row and show actions for that specific row. One of these actions is Menu where the parent is icon with vertical dots. When we hover over it shows menu items correctly, but when we hover one of the items the row loses hover and actions get hidden again even tho the popup is still open. 

The problem is because the popup opens in a portal outside of root, and it is separated from the grid altogether.

Here is simple reproducible issue demo with parent dissapearing when hover over menu items: Demo of the issue

Ideally we would like the row and actions to stay open in grid on that specific row and only close when we leave row and popup.
We tried implementing openPopupOnClick prop but it was worse user experience and still issue with hover after the first time.

Thank you for your help!

Greetings,

I'm currently using contentRender to display the items from the menu button. I have an issue where the long menu of items is causing the window to exceed the max height and create a scroll bar. 

Is it possible to display the menu with nested items and/or split the items into multiple columns with contentRender?

Please help, thanks!

Jason

Greetings,

I'm trying to implement the menu buttons that will only expand when it's clicked and it should remain open when the mouse pointer leaves the Menu. Currently, the user has to click the menu button or the items to close the menu. Is there a way to close the menu and disable the open-on-hover behavior by clicking outside of the menu button on the page?

Here is the snippet of the code:

<Menu
  openOnClick
  hoverCloseDelay={100000}
>

Please help, thanks!

Jason

I have added a custom column menu to my kendo grid. It has a dropdown list element, where users can choose an option and the grid data is filtered. This all works successfully.

I have one issue. When the user clicks on the Filter or Clear Button, the column menu does not disappear. Clicking outside the column menu does not hide the column menu.

I have to click on the column menu again to focus it, then when I click outside the column menu, it disappears.

I cannot get access to the div 'k-grid-columnmenu-popup', as this is controlled by kendo and does not appear in my column menu component.

Has anyone come up against this problem and solved it?

Follow the code
brave-leftpad-tt12no - CodeSandbox

It appears the Menu component is not responsive. How to make it responsive?

There is a responsivepanel for Kendo Jquery to enable this, is there something similar in KendoReact?

I cannot use the Appbar because of submenus.

Thanks.