Can the second level of a context menu ever pop up instead of down?

1 Answer 19 Views
ContextMenu
Steve
Top achievements
Rank 1
Iron
Steve asked on 30 Mar 2022, 10:08 PM

The second level of Context Menu never pops up, always down, even if there is no space to do so.

It seems like the first level will pop up if there isn't enough room below the menu to show the items.  However, the second level always appears below the menu that was expanded.

Demo here:

https://demos.telerik.com/blazor-ui/contextmenu/overview

Make your window not very tall, so the "clickable" part (that says "Right-click to open Context menu" is barely visible at the bottom of the screen").

Then right-click; and hover over "Style".  The sub menu appears below the word "Style", and is cut off by the bottom of the  window.  It should know that there is no space down there, and pop "up".

What can I do to fix this?

Thanks!

1 Answer, 1 is accepted

Sort by
1
Dimo
Telerik team
answered on 04 Apr 2022, 08:07 AM

Hello Steve,

The ContextMenu and Menu will address such scenarios when we introduce screen boundary detection for these components. I recommend following these two items on our feedback portal -

I already voted on your behalf to bump their priority.

For the time being, the possible workarounds are not ideal, but I hope they may still work for you, for example -

  • order the (sub)menu items in such a way, so that it is less likely for the issue to happen
  • leave some empty space below Menus or ContextMenu targets, so that the user can scroll down a little and reach the desired item
  • put all context menu items at a single level, with some grouping via templates, instead of using multiple item levels

Regards,
Dimo
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ContextMenu
Asked by
Steve
Top achievements
Rank 1
Iron
Answers by
Dimo
Telerik team
Share this question
or