Radzen menu issue with ClickToOpen=false

Radzen.Blazor Components
1

Hello,

I noticed the following issue with the RadzenMenu component. When having the ClickToOpen set to FALSE menu items AFTER a submenu are not accessible. This is reproducable using a modyfied version of the example in the docs as below. The ItemX and ItemY are not accessible/clickable as the menu closes before one can reach them. This is because the submenu which is define before, expands on mouse enter and then hides when mouse exits but this closes the whole menu not just the submenu.

<div class="rz-p-sm-12" style="margin-bottom: 200px;">
        <RadzenMenu Click="OnParentClicked" ClickToOpen="false">
            <RadzenMenuItem Text="General" Icon="home" >
                <RadzenMenuItem Text="Buttons" Path="buttons" Icon="account_circle"></RadzenMenuItem>
                <RadzenMenuItem Text="Menu" Path="menu" Icon="line_weight" Disabled="true"></RadzenMenuItem>
                <RadzenMenuItem Click="OnChildClicked" Text="ChildClick" Icon="attach_file" Disabled="true"></RadzenMenuItem>
                <RadzenMenuItem Text="Dialog" Path="dialog" Icon="perm_media"></RadzenMenuItem>
                <RadzenMenuItem Text="Notification" Path="notification" Icon="announcement"></RadzenMenuItem>
            </RadzenMenuItem>
            <RadzenMenuItem Text="Inputs" Icon="payment" Disabled="true">
                <RadzenMenuItem Text="CheckBox" Path="checkbox" Icon="check_circle"></RadzenMenuItem>
                <RadzenMenuItem Text="TextBox" Path="textbox" Icon="input"></RadzenMenuItem>
                <RadzenMenuItem Text="TextArea" Path="textarea" Icon="description"></RadzenMenuItem>
                <RadzenMenuItem Text="Password" Path="password" Icon="payment"></RadzenMenuItem>
                <RadzenMenuItem Text="Numeric" Path="numeric" Icon="aspect_ratio"></RadzenMenuItem>
                <RadzenMenuItem Text="DatePicker" Path="datepicker" Icon="date_range"></RadzenMenuItem>
            </RadzenMenuItem>
            <RadzenMenuItem Text="Data" Icon="save">
                <RadzenMenuItem Text="DataGrid" Path="datagrid" Icon="grid_on"></RadzenMenuItem>
                <RadzenMenuItem Text="DataList" Path="datalist" Icon="list"></RadzenMenuItem>
                <RadzenMenuItem Text="DropDown" Path="dropdown" Icon="dns"></RadzenMenuItem>
                <RadzenMenuItem Text="DropDownDataGrid" Path="dropdown-datagrid" Icon="receipt"></RadzenMenuItem>
                <RadzenMenuItem Text="ListBox" Path="listbox" Icon="view_list"></RadzenMenuItem>
                <RadzenMenuItem Text="TemplateForm" Path="templateform" Icon="line_style"></RadzenMenuItem>
            </RadzenMenuItem>
            <RadzenMenuItem Text="Containers" Icon="account_box">
                <RadzenMenuItem Text="Tabs" Path="tabs" Icon="tab"></RadzenMenuItem>
                <RadzenMenuItem Text="Panel" Path="panel" Icon="content_paste"></RadzenMenuItem>
                <RadzenMenuItem Text="Fieldset" Path="fieldset" Icon="account_balance_wallet"></RadzenMenuItem>
                <RadzenMenuItem Text="Card" Path="card" Icon="line_style"></RadzenMenuItem>
            </RadzenMenuItem>
            <RadzenMenuItem Text="More">
                <RadzenMenuItem Text="Item1"></RadzenMenuItem>
                <RadzenMenuItem Text="Item2"></RadzenMenuItem>
                <RadzenMenuItem Text="More items">
                    <RadzenMenuItem Text="More sub items">
                        <RadzenMenuItem Text="Item1"></RadzenMenuItem>
                        <RadzenMenuItem Text="Item2"></RadzenMenuItem>
                    </RadzenMenuItem>
                </RadzenMenuItem>
                <RadzenMenuItem Text="ItemX"></RadzenMenuItem>
                <RadzenMenuItem Text="ItemY"></RadzenMenuItem>
            </RadzenMenuItem>
    </RadzenMenu>
</div>
2

Is there something I can do to avoid this behaviour?

3

Will be fixed in our next update before the end of the week:

1 Like
4

We've just updated to the latest version 4.32.11 and the sub menus have stopped working. Click the main menu then a sub menu it no longer drops down.

We've rolled back to 4.32.10 and cleared all cookies and cache and it's working again. Assume something has broken linked to this fix?

5

Already fixed and the fix will be published immediately!

1 Like
6

That worked, note, we had to clear our browser cache to pick it up.

7

With such registration of the script you will not need to do that: