We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Modal contents appears before modal is shown

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; }
}

5 Replies

PM Pandiyaraj Muniyandi Syncfusion Team August 12, 2019 01:35 PM UTC

Hi Ivan, 
 
Greetings from Syncfusion support. 
 
We were able to reproduce your reported scenario, while render Dialog dynamically. Currently we are validating the issue in our end and will get back to you with further details on or before 14th August. 
 
Regards, 
Pandiyaraj M 



PM Pandiyaraj Muniyandi Syncfusion Team August 14, 2019 06:30 AM UTC

Hi Ivan, 
 
Good day to you. 
 
We have validated the reported issue, it occurs due to dialog component takes few seconds to render initially on page load. After, the component renders without delay. Currently, we are working with high priority to overcome this component rendering delay and this fix will be included in the patch release which is expected by the end of August. 
 
Regards, 
Pandiyaraj M 



KI Krasimir Ivanov August 14, 2019 07:16 AM UTC

Ok, thank you! 


RM Regina Mary R Syncfusion Team August 19, 2019 05:21 AM UTC

Hi Ivan, 
Most welcome! 
Regards, 
Regina 



PM Pandiyaraj Muniyandi Syncfusion Team September 4, 2019 06:57 AM UTC

Hi Ivan, 
 
Thanks for your patience. 
 
We have resolved the “dialog component takes few seconds to render initially on page load” issue and the fix included in the patch release version 17.2.49-beta. Also, we have prepared sample for your reference, get it from below link 
 
We suggest you, upgrade to the latest version to resolve this issue in your end. 
 
Regards, 
Pandiyaraj M 


Loader.
Live Chat Icon For mobile
Up arrow icon