Page is blank after clicking on RadioButton

[Mr Andrey Voronov]

To reproduce this bug:

Create blank Blazor server app

Replace site.css with:

html, body {

height: 100%;

margin: 0px;

padding: 0px;

line-height: 1.0;

overflow-y: hidden;

}

.comp-rows {

height: 100%;

overflow: hidden;

display: flex;

flex-direction: column;

flex-wrap: nowrap;

}

.comp-row-auto {

flex-grow: 0;

}

.comp-row-stretch-scroll {

flex: 1;

overflow: auto;

}

Replace Index.razor

@page "/"

<div class="comp-rows">

<div class="comp-row-auto">

<h1>Hello, world!</h1>

Welcome to your new app.

</div>

<div class="comp-row-stretch-scroll">

@for (int i = 1; i <= 100; i++)

{

string n = $"test{i}";

<div>

<EjsRadioButton Name="@n" Label="@n"></EjsRadioButton>

</div>

}

</div>

</div>

Now scroll Index page to the bottom, ckick on radio button and page goes blank.

Everything works if scrollpos = 0

  

[Sridhar Alagiri Samy]

Hi Mr Andrey Voronov 

  

Good day to you. 

  

We have checked your reported issue and we are not able to reproduce the issue in our end. We have created sample based on your reproducing steps provided. Could you please modify the below sample to reproduce the issue, so that we can able to check and provide you the better solution quickly. 

  

Sample link: https://www.syncfusion.com/downloads/support/forum/150661/ze/RadioButton-1720858784 

  

Regards, 

Sridhar A. 

[Pon Geetha A J]

Dear Support Team, 

 

Please find VS project attached and use Google Chrome browser to reproduce the issue. 

 

Andrey 

SyncfusionRadio

[Saranya Dhayalan]

Hi Mr Andrey Voronov  

 

Good day to you 

 

We have checked your reported issue, we are able to reproduce it in our end. We can resolve the issue in sample level. Please find the below code snippet: 

 

Site.css 

.comp-row-stretch-scroll { 

              position: relative; 

} 

 

Could you please check the above code snippet and get back to us if you need further assistance on this? 

 

Regards, 

Saranya D