Implementation of one or both of these features:
- Screen boundary detection: The list of child items expands to the opposite direction when necessary to prevent screen boundaries from being crossed.
- ExpandDirection: Gets or sets the direction in which child items will open.
I need to bring this up again. It has been over 3 years since it was logged. I also opened a ticket for this item as well over 2 years ago (1513323).
There are situations where the menu sub items are literally unable to be accessed because they overlap and menu only expands to the right. This is not a feature request but a bug fix needed due to inaccessible menu items.
Another video attached of the painful experience.
Hello Eli,
I think that for small screens the best thing would actually be the adaptive behavior we have in WebForms as it totally changes the way this works and there are no more nested popups (use the QR to open on a real mobile): https://demos.telerik.com/aspnet-ajax/menu/examples/mobile-and-touch-support/adaptive-behavior/defaultcs.aspx. Something that would likely land before that would be a hamburger collapse at least: https://feedback.telerik.com/blazor/1450998-the-menu-to-adapt-to-a-hamburger-menu-for-small-screens. The adaptive behavior hasn't even been asked for and is just in my head - I intend to try to "sell" that behavior as the responsive behavior for small screens, but what will happen will be determined when the time comes.
Regards,
Marin Bratanov
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/.
Thank you for the response.
Seeing your video, I think what I was actually looking for is not covering the immediate parent as the other control suites do and that would be enough for me. I understand you must prioritize.
Hello Eli,
When you have many menu items with deep hierarchy, child menus will always start overlapping parents at one point. I am attaching a short video that shows how the kendo and webforms menus will also start overlapping at some point - depending on the data in the menus, its position on the screen and the viewport size at one point it will become inevitable that overlap will happen and that some items might not actually fit the viewport in any case. The boundary detection would prevent an overlap with the direct parent at most, nothing else can be guaranteed because it depends on the relation between all the other factors above.
What I can say is that this feature is not on our roadmap at the moment. We need to take into account the popularity of certain needs with our community and this one is, unfortunately, not high up in the list. The best way to know when it becomes available or there is an update is to click the Follow button to get emails for that.
Regards,
Marin Bratanov
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/.
Any potential timeline on getting expand direction or auto detection so when expanding sub menus do not cross parent items?
This is something that the other Telerik Ajax, Core and Kendo-UI menus already do well.
If you have a menu anchored to the right of a webpage this is critical.
Thanks.
Thanks for the feedback. As always I appreciate all you guys do.
Hello Gary,
To add a bit of context, it is more likely that we implement boundary detection so the menu does not go out of the viewport. Direction is going to be rather difficult to expose for configuration, considering that the menu is a databound component and there is an unlimited number of levels and sub-menus, which makes choosing a direction next to impossible considering how many screen sizes and layouts are possible.
Regards,
Marin Bratanov
Progress Telerik