Skip to content

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

Open
@csimpi

Description

@csimpi

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.

  • Angular: 8.1

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions