ProgressNS / nativescript-ui-feedback

This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Other
115 stars 21 forks source link

RadListView random gaps appearing between Items after scrolling down on Android (nothing appears on iOS) #1389

Open csimpi opened 4 years ago

csimpi commented 4 years ago

Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

√ Getting NativeScript components versions information... √ Component nativescript has 6.5.0 version and is up to date. √ Component tns-core-modules has 6.5.0 version and is up to date. √ Component tns-android has 6.5.0 version and is up to date. × Component tns-ios is not installed.

Describe the bug

I'm using RadListView with ObservableArray and WebView. The WebView content is random, so the RadListView's Item's height is different for each item.

When I load the first "page" everything appears as excepted, smaller items are smaller, bigger items are bigger, there are no gaps (blank space) between them.

Then as I'm scrolling downer and downer gaps are appearing between the posts and if I scroll back to the top, huge gaps (blank space) appearing between the posts, it seems the items' height is changing due to scrolling down.

Before Scrolling:

image

Scrolling down and back to the top it looks like this:

image

To Reproduce

https://play.nativescript.org/?template=play-ng&id=QJQbYd&v=2 Expected behavior

The RadlistView item's height should be flexible to its content and don't change it automatically during scrolling.

Sample project

https://play.nativescript.org/?template=play-ng&id=QJQbYd&v=2 Additional context

kfw9257 commented 2 years ago

I'm experiencing this bug on iOS as well and have been unable to determine the cause. In my case, as I scroll, a new page of items is loaded using the loadMoreDataRequested event and a large gap of space is created