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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Modal contents appears before modal is shown

Thread ID:

Created:

Updated:

Platform:

Replies:

146628 Aug 11,2019 10:45 PM UTC Sep 4,2019 06:57 AM UTC Blazor 5
loading
Tags: Dialog
Ivan Petrov
Asked On August 11, 2019 10:45 PM UTC

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

Pandiyaraj Muniyandi [Syncfusion]
Replied On 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 


Pandiyaraj Muniyandi [Syncfusion]
Replied On 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 


Ivan Petrov
Replied On August 14, 2019 07:16 AM UTC

Ok, thank you! 

Regina Mary R [Syncfusion]
Replied On August 19, 2019 05:21 AM UTC

Hi Ivan, 
Most welcome! 
Regards, 
Regina 


Pandiyaraj Muniyandi [Syncfusion]
Replied On 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 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon