Listbox not scrolling if Height property is exceeded.

[Mike Chafin]

I have a Height="330px" property set on the <SfListBox> component which honors until data is loaded into control that exceeds the height. 

This started happening once I upgraded to 19.3  On 19.2 it would create a scroll bar.

[Janakiraman Sakthivel]

Hi Mike Chafin, 

 

Thank you for contacting Syncfusion support. 

  

We have checked your reported query with our latest version (19.3.0.48) and it is working fine from our side. For your convenience, we have prepared the sample in latest version to demonstrate this. Please find the link below. 

 

CODE SNIPPETS: 

 

<SfListBox TValue="string[]" DataSource="@Vehicles" Height="330px" TItem="VehicleData"> 

   <ListBoxFieldSettings Text="Text" Value="Id" /> 

</SfListBox> 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/forum/170295/ze/ListBox1593114537 

 

So please share us the following details to proceed further. 

 

1. Please share the codes, if you have done any customization in sample level. 

 

2. If possible, please share the replicable sample with us or please replicate your issue in the above sample and send back to us. 

 

3. If possible, please share the video demonstration of this issue. 

 

Could you please check the above link and get back to us with more details, if you still facing the issue or need further assistance on this. 

  

Regards,  

Janakiraman S.  

[Mike Chafin]

I've tried to attach a modified version of the codes you provided with my code. I need to upload a file that exceeds the 30mb limit.

When first started the LB's are the correct size but when you click on the Edit button the height is lost.

See https://www.screencast.com/t/98ilmm0vn video for demo.

[Mike Chafin]

The zip file - I eliminated some files

Attachment: ListBox_416cd79c.zip

[Gayathri KarunaiAnandam]

Hi Mike,  

  

We have checked your query. We can able to replicate your issue in our end. And we need to validate more on this, and need to ensure more cases on this. So, we will update further details with 17th November 2021. We appreciate your patience until then.  

Regards, 

Gayathri K 

[Mike Chafin]

No worries I have a workaround.

    #scope1, #scope2 {

        height: 330px;

    }

Will maintain the height of the SfListBox.

[Gayathri KarunaiAnandam]

Hi Mike, 

Thanks for the update. 

We are happy to hear that your requirement has been resolved. 

Please get back to us, if you need further assistance. 

Regards, 

Gayathri K