DropDownList of EditTemplate inside the GridColumn is not rendering sometimes

[Junaid]

Good day,

I have a dropdown inside the EditTemplate of a GridColumn (Status). The dropdown doesn't render some times. I also get some errors on the console.

Mind you, this only happens sometimes and I get the following errors in this case.

Code:

<GridColumn Field=@nameof(Order.Status) HeaderText="Status" ValidationRules="@(new { required=true})" TextAlign="TextAlign.Center">

                    <EditTemplate Context="ord">

                        @{

                            var order = (ord as Order);

                            <label class="e-float-text e-label-top e-edittemplate" style="position:relative;padding-left:0;color:rgba(0, 0, 0, 0.54)">Status</label><br>

                            <EjsDropDownList HeaderTemplate="Status" TValue="string" ID="Status" Text="@(order.Status)" Value="@(order.Status)" Placeholder="Select Status" DataSource="@orderStatus">

                            </EjsDropDownList>

                        }

                    </EditTemplate>

                    <FilterTemplate Context="Status"></FilterTemplate>

                </GridColumn>

@Code{

            public List<string> orderStatus = new List<string> { "Open", "Accepted", "Delivered", "Closed" };

}

Kindly help me.

Regards.

Junaid

[Saranya Dhayalan]

Hi Junaid, 

 

Thank you for contacting Synfusion support, 

 

We have checked your reported issue. We are not able to reproduce it in our end. Attached screenshot issue (cannot read property 'getboundingclientrect' of null.setMouseXY) is not related to dropdownlist releated. Please provide the below information to proceed further. So that it will be very helpful for us to check in our end and provide you a better solution. 

We have created the sample based on your scenario. Please find the below sample link: 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/149779/ze/BlazorApp31853464685 

 

Before we proceed further, we would like to know the following details. 

  

1.       Any other components you have rendered in the page. 

 

2.       Please reproduce your reported issue in the attached sample. 

 

 

Regards 

Saranya D