Menu bar incorrect display HamburgerMode

[Martin]

When setting hamburgermode = "true" the menu is not full width and menu items appear behind some controls and not overlayed as expected. Using v19.3.0.47.

[Thaneegairaj Sankar]

Hi Martin, 

 

We have prepared a sample for hamburgermode. Please find the below sample link, 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Menu-1658119686 

 

Before we proceed further, please share the below details. 

 

·         If possible, please share the issue reproducible sample or please replicate the issue in provided sample. 

·         Please share us the video demonstration of this issue. 

·         If possible, please share the customization code done in your sample. 

 

Please provide the above requested information, based on that we will check and provide you a better solution quickly. 

 

Regards, 

Thaneegairaj S 

[Nikki Greanya]

I am having this same issue as Martin. I took your sample project, updated it to .NET 8 and the latest version of Syncfusion Blazor. Then I added a simple Syncfusion Card Control.

The hamburger menu opens up behind the Card.

Thanks, Nikki

Attachment: Menu_close_preventdotNet8_d671c811.zip

[Keerthikaran Venkatachalam]

Hi Nikki,

Thank you for reaching out to us.

To resolve this issue, please use the CSS style shown below. Please refer to the code snippet provided below.

<style>

    .e-menu-container.e-hamburger ul.e-menu:not(.e-vertical) {

        position: initial !important;

    }

</style>

Please let us know if you need any further assistance on this.

Regards,

KeerthiKaran K V