Expanded Rad Menu is not collapsing when touch on non-menu area, Microsoft Edge

[Thurai]

Hi,

In Surface device on edge browser , If I go to http://demos.telerik.com/aspnet-ajax/menu/examples/multicolumnmenu/defaultcs.aspx and touch the demo menu which is having sub menu, it is opening and when I touch non menu area the expanded sub menu is not collapsing.

This menu is working in IE 11 and other IE versions but not in Edge browser (OS -Windows 10).

I have used Rad menu Silkskin for my project , in the project also expanded sub menu is not collapsing when I touch non menu area in Edge browser but for other browsers in other touch devices it is working as expected.

Is it Edge browser issue or any additional update that I have to apply?

 

Regards,

Thurai

[Dimitar]

Hi Thurai,

The issue appears to be an Edge bug related to the way events are fired in it on touch devices.

Since you are dealing with touch devices, I would suggest you to use the ToggleHandle functionality, which is designed for such interaction. Although it will no change the Edge issue, it would allow you to collapse an item by tapping the ToggleHandle once again. And the RadMenu items will still be expanded on hover in desktop browsers.

Regards,
Dimitar
Telerik