Context menu not working after updating to version 18.3.0.40

Hello,

I updated to the latest version and context menu no longer works

It shows up but in the bottom left corner - I think there is a problem with the styles. I have only updated the NuGet package.

See sample below - on right click the context menu briefly displays in the bottom left corner unstyled and then is gone

```
@page  "/cm-simple"
@using Syncfusion.Blazor.Navigations

<div id="target">Right click/Touch hold to open the ContextMenu </div>
<SfContextMenu Target="#target" Items="@MenuItems"></SfContextMenu>

@code {
    public List<MenuItem> MenuItems = new List<MenuItem>
{
    new MenuItem { Text = "Show All Bookmarks" },
    new MenuItem { Text = "Bookmarks Toolbar", Items = new List<MenuItem>{
    new MenuItem { Text = "Most Visited", Items = new List<MenuItem>{
    new MenuItem { Text = "Google"},
    new MenuItem { Text = "Gmail"} }
    } } },
    new MenuItem { Text = "Recently Added" }
    };
}

<style>
    #target {
        border: 1px dashed;
        height: 150px;
        padding: 10px;
        position: relative;
        text-align: justify;
        color: gray;
        user-select: none;
    }
</style>
```



3 Replies 1 reply marked as answer

MK Mohan Kumar Ramasamy Syncfusion Team October 14, 2020 12:45 PM UTC

Hi Vincent, 
 
We are deeply regret about the inconvenience caused. 
 
We have checked your reported issue and we would like to let you know that it is a known issue and we have already fixed it, and it will be available in our upcoming patch release. Until then we appreciate your patience. 
 
We suggest you use the CDN Style file to resolve your issue. Please refer the below code snippets. 
 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <title>Syncfusion-BlazorApp</title> 
    <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="https://cdn.syncfusion.com/blazor/18.3.40/styles/bootstrap4.css" rel="stylesheet" /> 
</head> 
 
Please let us know, if you need any further assistance. 
 
Regards, 
Mohan kumar R 



VM Vincent McCarthy October 14, 2020 12:48 PM UTC

Hello Mohan,

Thank for the response and the work-around. We will probably stay on version 18.3.0.38 for now

Regards
Vincent


MK Mohan Kumar Ramasamy Syncfusion Team October 15, 2020 12:28 PM UTC

Hi Vincent, 
 
Thank you for the patience. 
 
We are glad to announce that our weekly patch release (18.3.0.41) 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.41) 
 
Please let us know if you need further assistance on this. 
 
Regards, 
Mohankumar R 


Marked as answer
Loader.
Up arrow icon