How to collapse menu after click on menuitem when in hamburger mode

[Orange]

If I use a menu with navigation in non hamburger mode, the menu will collapse after clicking on the menuitem and navigating to the new page.

However with HamburgerMode=true the menu does not collapse automatically and the hamburger must be again clicked to collapse it out of the way.

I cant think of a reason why the menu in hamburger mode should not automatically collapse after navigation.

Is there additional code required or is this a bug ? 

[Janakiraman Sakthivel]

Hi Orange, 

  

We are able to achieve your requirement by using the ItemSelected event and the CloseAsync() function as shown below. 

 

[Index.razor] 

<MenuEvents ItemSelected="itemSelected" TValue="MenuItem"></MenuEvents> 

 

@code{ 

public void itemSelected() 

{ 

    MenuObj.CloseAsync(); 

} 

} 

 

For your convenience we have prepared the sample and video demonstration for this. Please find the link below. 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/server-sample-1141860159 

 

Video Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Menu-Hamburger574543394 

 

Could you please check the above links and get back to us, if you need any further assistance on this. 

 

Regards, 

Janakiraman S. 

[Orange]

Thankyou that does the job.

I still find it odd that this behaviour is not the default, I cant think of a scenario where keeping the menu open is necessary.

[Janakiraman Sakthivel]

Hi Orange, 

 

We need to validate more on your reported requirement, so we will update you the further details on March 2^nd, 2022. 

 

Regards, 

Janakiraman S.  

[Sangeetha Priya Murugan]

Hi Orange, 

 

We have provided Open/Close public methods to customize the open and close options of hamburger menu. However, these methods were not available for normal mode menu. So, only we have suggested the same in our previous update to achieve your requirement. 

 

Could you please check the above details and get back to us, if you need any further assistance on this. 

 

Regards, 

Sangeetha M