Context Menu Note Consistently Showing

I've been reading every forum article related to context menus in an effort to troubleshoot what I'm experiencing.  In most cases, when the context menu doesn't show, it's happening in Firefox - but not always (i.e. it happens in Chrome occasionally too).

There are a few things I'm hoping you can help me understand:

1) What's the best way to troubleshoot this?  Is there a way to catch the right-click on the grid before the context menu would show so I can see if that's even happening?  I'm relying on the whatever is built into the SfGrid to show the context menu so I'm not sure what I can hook into.

2) One of the articles I found made it sound like it could potentially be CSS related.  If that's true, can you help me understand how this works.  In my _Host.html file, I have the following:

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <base rel='nofollow' href="~/" />

    <link rel="stylesheet" rel='nofollow' href="css/bootstrap/bootstrap.min.css" />

    <link rel='nofollow' href="css/site.css" rel="stylesheet" />

    <link rel='nofollow' href="R2.WebApp.styles.css" rel="stylesheet" />

    <link rel="icon" type="image/png" rel='nofollow' href="favicon.png"/>

    <component type="typeof(HeadOutlet)" render-mode="Server" />


    <link rel='nofollow' href="https://cdn.syncfusion.com/blazor/24.2.9/styles/bootstrap5.css" rel="stylesheet" />

    <script src=https://cdn.syncfusion.com/blazor/24.2.9/syncfusion-blazor.min.js type="text/javascript"></script>

</head>

I'm not terribly familiar with how all this works and wanted to understand the relationship between the css/bootstrap/bootstrap.min.css file within the wwwroot folder and the one referenced in the CDN (i.e. the two bolded lines above).  When I update the Nuget packages, I update the CDN references but I'm not doing anything the bootstrap.min.css file.  Should I be?  Are they related?  Like I said, I don't really understand the mechanics of what's going on in the file. 

Appreciate any guidance you can provi



1 Reply

PS Prathap Senthil Syncfusion Team March 13, 2024 12:15 PM UTC

Hi Seth,

We are unable to reproduce the reported issue “Context Menu Note Consistently Showing’ when attempting to reproduce the issue in the latest version 24.2.9 . For your reference we have attached gif files and simple sample .So, to
further proceed with the reporting problem, we require some additional clarification from your end. Please share the below details to proceed further at our end.

  • To analyze the reported issue, could you please share a simple and reproducible sample that demonstrates the problem? This will assist us in identifying the issue more efficiently and providing a resolution.
  • Could you please share the video demonstration of the issue.
  • If possible, kindly share your attempt to replicate the issue using the attached simple sample.

Above-requested details will be very helpful in validating the reported query at our end and providing a solution as early as possible. Thanks for your understanding.

Additionally, if you want to perform any action before the context menu opens when right-clicking, we suggest using the ContextMenuOpen event.


Regarding the query about script and CSS references, we would like to inform you that components related to CSS and script references will work on the version you mentioned in the CSS and script reference. When upgrading the NuGet package, you need to change the NuGet version CDN reference in your project, as CSS and script-related changes will be based on this version. If you don't want a CDN reference, we suggest using static script and CSS references.

<head>

    ....

    <link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />

    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

</head>


Regards,
Prathap S


Attachment: Gif_Files_b2568faf.zip

Loader.
Up arrow icon