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

Page is blank after clicking on RadioButton

Thread ID:

Created:

Updated:

Platform:

Replies:

150661 Jan 15,2020 09:12 AM UTC Jan 20,2020 06:39 AM UTC Blazor 3
loading
Tags: Radio Button
Mr Andrey Voronov
Asked On January 15, 2020 09:12 AM UTC

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 [Syncfusion]
Replied On January 15, 2020 07:03 PM UTC

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. 
  
  
Regards, 
Sridhar A. 


Pon Geetha A J [Syncfusion]
Replied On January 17, 2020 05:34 AM UTC

Dear Support Team, 
 
Please find VS project attached and use Google Chrome browser to reproduce the issue. 
 
Andrey 

SyncfusionRadio


Saranya Dhayalan [Syncfusion]
Replied On January 20, 2020 06:39 AM UTC

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 


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