Hello,
when I open a modal sometimes the contents of the modal appear before the actual modal is opened. For example in the code below sometimes when I click on the button the contents appear above the button for half a second or so and after that the dialog is rendered correctly. This happens most often when the project has just been started. The code is:
@page "/"
@using Syncfusion.EJ2.Blazor.Popups
@if (this.IsModalShown)
{
<EjsDialog header=@("Test Modal")
width="800px"
isModal="true"
allowDragging="true">
<div asp-validation-summary="All" class="text-danger"></div>
<div class="form-group row">
<label for="Name" class="col-2 col-form-label">Name</label>
<div class="col-4">
<input for="Title" class="form-control" />
</div>
</div>
<div class="form-group row mt-2">
<label for="Number" class="col-2 col-form-label">Number</label>
<div class="col-4">
<input for="Number" class="form-control" />
</div>
</div>
<button @onclick=@(() => this.IsModalShown = false)>Close Modal</button>
</EjsDialog>
}
<button @onclick=@(() => this.IsModalShown = true)>Open Modal</button>
@code{
public bool IsModalShown { get; set; }
}