v18.35 Hamburger menu broken?

[Michael Aston]

Hi, 

The menu items are not being generated when sfMenu is vertical and Hamburger = "true" in v18.35. Was work fine in v18.2

 <!-- sidebar element declaration -->

        <SfSidebar HtmlAttributes="@HtmlAttribute" Target=".main-content" Width="220px" DockSize="50px" EnableDock="true" @ref="Sidebar">

            <ChildContent>

                <div class="main-menu">

                    <p class="main-menu-header">MAIN</p>

                    <div>

                        <SfMenu CssClass="dock-menu" Items="@MainMenuItems" Orientation="@VerOrientation" HamburgerMode="true" ShowItemOnClick="true"></SfMenu>

                    </div>

                </div>

                <div class="action">

                    <p class="main-menu-header">ACTION</p>

                    <button class="e-btn action-btn" id="action-button">+ Button</button>

                </div>

            </ChildContent>

        </SfSidebar>

Mike

[Mohan Kumar Ramasamy]

Hi Michael , 

 

We deeply regret about the inconvenience caused.  We have checked your reported issue, we are able to reproduce it in our end. We have logged a issue report for this and we will include this fix in our upcoming patch release. You can track the status in the below feedback link. 

  

Feedback Link: https://www.syncfusion.com/feedback/18460/menu-items-did-not-render-when-setting-orientation-as-vertical-and-hamburger-as  

 

We have provided the workaround solution for your requirement. We have Open the menu items in Created event. Please refer the below sample link.  

 

Link: https://www.syncfusion.com/downloads/support/forum/158365/ze/158365-Menu175960861  

 

Sample code snippets: 

 

 

<SfSidebar HtmlAttributes="@HtmlAttribute" Target=".main-content" Width="220px" DockSize="50px" EnableDock="true" @ref="Sidebar"> 

            <ChildContent> 

                <div class="main-menu"> 

                    <p class="main-menu-header">MAIN</p> 

                    <div> 

                        <SfMenu @ref="MenuBar" CssClass="dock-menu" Items="@MainMenuItems" Orientation="@VerOrientation" HamburgerMode="true" Target=".e-sidebar"> 

                            <MenuEvents Created="Created" TValue="MenuItem"></MenuEvents> 

                        </SfMenu> 

                    </div> 

                </div> 

                <div class="action"> 

                    <p class="main-menu-header">ACTION</p> 

                    <button class="e-btn action-btn" id="action-button">+ Button</button> 

                </div> 

            </ChildContent> 

        </SfSidebar> 

@code { 

 

    SfMenu<MenuItem> MenuBar; 

 

    private void Created() 

    { 

        MenuBar.Open(); 

    } 

} 

 

 

Regards, 

Mohankumar R 

[Mohan Kumar Ramasamy]

Hi Michael, 

 

We are glad to announce that our weekly patch release (18.3.0.38) is rolled out. We have included the fix for the reported issue in this release. So, we suggest you upgrade our Syncfusion packages to our latest version to resolve this issue in your end. (18.3.0.38) 

 

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

 

Regards, 

Mohan kumar R 

[Michael Aston]

Hi Mohan,

Yes this is fixed for me in 18.3.0.38

Thanks

Mike

[Mohan Kumar Ramasamy]

Hi Mike, 

 

Thanks for the update.  

 

We are happy to hear that your issue has been resolved. Please feel free to contact us if you need any further assistance on this. 

 

Regards, 

Mohankumar R