How to stop screen jumping while page is loading a context menu

[Vincent McCarthy]

Dear Syncfusion,

I have a request to remove a UI displacement while loading a page when a context menu is present.
Very briefly (a fraction of a second) the location of the context menu expands to about 10 - 15px and then contracts again. The effect is that the div underneath is visibly pushed down and then dragged up

To reproduce just try running the following in Chrome

```

@using Syncfusion.Blazor.Navigations

<div style="background-color:blue">

    <button id="target2" style="height:30px">... right click</button>

    <SfContextMenu Target="#target2" Items="@MenuItems">

    </SfContextMenu>

</div>

<div style="height:300px; background-color:red"></div>

@code{

    public List<MenuItem> MenuItems = new List<MenuItem>

    {

        new MenuItem{ Text="context_item1"},

        new MenuItem{ Text="context_item2"}

    };

}
```

[Saranya Dhayalan]

Hi Vincent, 

 

Thank you for contacting Syncfusion support 

 

We have checked your reported issue, you can resolve this issue by adding the below css class in your code 

 

@using Syncfusion.Blazor.Navigations 

 

<div style="background-color:blue"> 

    <button id="target2" style="height:30px">... right click</button> 

    <SfContextMenu Target="#target2" Items="@MenuItems"> 

    </SfContextMenu> 

</div> 

 

 

<div style="height:300px; background-color:red"></div> 

 

@code{ 

 

    public List<MenuItem> MenuItems = new List<MenuItem> 

{ 

        new MenuItem{ Text="context_item1"}, 

        new MenuItem{ Text="context_item2"} 

    }; 

} 

<style> 

    .e-blazor-hidden { 

    display: none; 

} 

</style> 

 

We would like to let you know that this fix will be resolved in our upcoming release. Please check the above code snippet and get back to us if you need further assistance on this. 

 

 

Regards, 

Saranya D 

[Vincent McCarthy]

Dear Saranya

Wonderful! Thanks for the response. 

I actually enclosed the context menu in a div and set that to display:none but below definitely reads cleaner.

Regards

Vincent

[Saranya Dhayalan]

Hi Vincent, 

 

Most welcome. 

 

We would like to let you know that this (screen jumping) issue will be resolved in our upcoming native support. This will be available in our vol 2, 2020 release. Until then appreciate your patience. 

 

Regards, 

Saranya D