Blazor grid Context menu not working

Question

I am using the sample code from the below link https://blazor.syncfusion.com/documentation/datagrid/context-menu/#custom-context-menu-itemsbut the Context menu for blazor grid not working before it's working perfectly but when I updated my version to v18.4.0.49 now the context menu is not working.@inject IJSRuntime JSRuntime@using Syncfusion.Blazor.Grids @code{ public List Orders { get; set; } private SfGrid DefaultGrid; protected override void OnInitialized() { Orders = Enumerable.Range(1, 75).Select(x => new Order() { OrderID = 1000 + x, CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], Freight = 2.1 * x, OrderDate = DateTime.Now.AddDays(-x), }).ToList(); } public class Order { public int? OrderID { get; set; } public string CustomerID { get; set; } public DateTime? OrderDate { get; set; } public double? Freight { get; set; } } public void OnContextMenuClick(ContextMenuClickEventArgs args) { if (args.Item.Id == "copywithheader") { this.DefaultGrid.Copy(true); } }}Please find attached a screenshot that how this looks. Can you please suggest how can I overcome these issues?Attachment: Capture1_a6b828c6.7z

Rahul Narayanasamy · Accepted Answer

Hi Karan,

Thanks for the update.

Query: Please find attached the file in which we reproduce that what issues we faced while working with Oncontext click on grid. We are not using the whole Syncfusion.Blazor package but instead we used only Syncfusion.Blazor.Grids and Syncfusion.Blazor.Button in the application.

We have validated your query and we suggest you to use the below styles to resolve the problem. Find the below code snippets for your reference.

[_Host.cshtml]

<head>

. . .

@*<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/fabric.css" rel="stylesheet" />*@ // remove this style

</head>

Sample: https://www.syncfusion.com/downloads/support/forum/165742/ze/SampleModified1493697081

If you are using Syncfusion.Blazor NuGet then refer the below styles.

(Or)

If you are using Syncfusion.Blazor.Grid (Individual NuGet reference) package then refer the below styles.

Reference:

https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli/#installing-syncfusion-blazor-packages-in-the-application

Please let us know if you have any concerns.

Regards,

Rahul

Rahul Narayanasamy · Answer

Hi Karan, Greetings from Syncfusion. Query: Blazor grid Context menu not working - Context menu for blazor grid not working before it's working perfectly but when I updated my version to v18.4.0.49 now the context menu is not working. We have validated your query and checked the reported problem in the mentioned version and alos in latest version. We could not face the reported problem at our end. The context menu is opening correctly in the clicked position. Find the below sample and screenshot for your reference. Sample: https://www.syncfusion.com/downloads/support/forum/165742/ze/SampleCmne1408859585 Also, we might suspect that the problem might be occurred while referring the old CSS reference. Could you please ensure the reported problem by referring the new CSS reference. . .. If you are still facing the problem, then could you please share the below details. It will be helpful to validate and provide a better solution. Share your _Host.cshtml file(if server side application) or Index.html file(if client side). Check whether did you referred latest CSS reference in your application. Reproduce problem in the provided sample and revert back to us. Regards, Rahul

Karan Patel · Answer

Hi Rahul,I tried whatever you said but it's not working for me.I attached my _Host.cshtml and another screenshot which maybe help you more for troubleshooting the issues.Thank you.Attachment: Desktop_71576515.7z

Rahul Narayanasamy · Answer

Hi Karan, Thanks for sharing the details. We have validated your query with the provided details and checked the problem from our end. We have referred the provided CSS files from our application and ensure the problem. Still we could not reproduce the problem at our end. Find the below sample and screenshot for your reference. Sample: https://www.syncfusion.com/downloads/support/forum/165742/ze/Sample808805404 Also, could you please remove the below CSS reference and ensure the problem from your side? Test //remove the highlighted other CSS reference and check the problem your side?? @Html.EmbeddedBlazorContent() If you are still facing the problem, then could you please share the problem details. It will be helpful to validate and provide a better solution. Could you please ensure the problem after removing the other CSS reference from your end? Reproduce the problem in the provided sample and revert back to us. Share a simple reproduceable sample if possible. Regards, Rahul

Karan Patel · Answer

Please find attached the file in which we reproduce that what issues we faced while working with Oncontext click on grid.

We are not using the whole Syncfusion.Blazor package but instead we used only

Syncfusion.Blazor.Grids and Syncfusion.Blazor.Button in the application.

Attachment: Sample808805404_(3)_870c7d56.7z

Frank van Diepenbos · Answer

Hello RahulIn version 20.1.5.58 the context menu is not working anymore. I get some default menu.I used your sample from above and upgraded to see if it continued to work.My own app is on that version....frank19.4.0.56 works!

Naveen Palanivel · Answer

Hi Frank
,Greetings from Syncfusion support.We would like to inform you that we have included some
breaking changes in our 2022 Volume 2 release. reported issue might have
occurred due to that. Kindly ensure that from below release notes. https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#breaking-changes
Kindly get back to us with more details, if you are still
facing the reported issue.  Regards,Naveen Palanivel.