context submenu closes

[DAN]

syncfusion 20.2.0.44

blazor server project

i am using ContextMenu in datagrid and i am facing issue when opening the menu and trying to open the submenu. when trying to open submenu, when hovering mouse over the "Report language" to open it the contextmenu closes (without any errors)

here is the code used.

  ContextMenuItems1.Add(new Syncfusion.Blazor.Grids.ContextMenuItemModel() { Text = "EDIT VISIT", Id = "EDIT-VISIT", Target = ".e-content" });

        ContextMenuItems1.Add(new Syncfusion.Blazor.Grids.ContextMenuItemModel()

        {

            Text = "REPORT LANGUAGE",

            Id = "language-notes",

            Target = ".e-content",

            Items = new List<MenuItem>()

         {

            new MenuItem{Text = "**ENGLISH-REPORT**", Id = "ENGLISH-REPORT" },

            new MenuItem{Text = "**GREEK-REPORT**", Id = "GREEK-REPORT"}

        }

        });

[YuvanShankar Arunagiri]

Hi DAN,

We are unable to replicate the issue in our end. For your reference, we prepared the sample, please refer the below attached sample.

If you are still facing issue, please share the below details.

• Share the issue reproducible sample or replicate the issue in our sample.

• Share the video demonstration of issue replicable.

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

Regards,

YuvanShankar A

Attachment: BlazorApp1net6_4eea8b7.zip

[DAN]

probably that is a bug?

if i add many submenu items first e.g Reception notes, then we have the mentioned issue.

if i add the e.g. Reception notes after the "report language" it works ok.

please find attached  razor page which demonstrates the problem/bug?

Attachment: Test_razor_page_cf3c30d8.zip

[Monisha Saravanan]

Hi Dan,

Thanks for the update.

We are able to reproduce the reported issue when the browser size is lesser than rendered menu so the flickering occurs. We suggest you to use the below CSS solution. So that it will render the scroll when the menu height exceeds 400px. Kindly check the below code snippet for your reference.

<style>

 

    .e-grid-menu

.e-menu-parent.e-ul {

 

        max-height: 400px;

 

        overflow: scroll;

 

    }

 

</style>

Regards,

Monisha

If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.