Ionic-framework: Virtual scroll performance issue on nested object

Created on 1 Feb 2017  路  5Comments  路  Source: ionic-team/ionic-framework

Ionic version: (check one with "x")
[ ] 1.x
[ x] 2.x

I'm submitting a ... (check one with "x")
[x ] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:

My list is a nested object.
First loop: group of groups
Second loop: users of group

I need virtualScroll because there may be many many users.

But it doesn't work properly. There are inconsistent white spaces between users as in this screenshot:

screen shot 2017-02-01 at 11 27 07

Expected behavior:

Could be nice to use virtualScroll inside another loop.

Steps to reproduce:

Here is a plunker where I recreated the situation (in the home-page component):

http://plnkr.co/edit/QDxECxMD2Kdk8jKdaiFe?p=preview

Scrolling up and down makes visible that performance issue

Ionic info:

Cordova CLI: 6.5.0
Ionic Framework Version: 2.0.0-rc.6
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 0.0.45
ios-deploy version: 1.9.0
ios-sim version: 5.0.11
OS: OS X El Capitan
Node Version: v4.6.0
Xcode version: Xcode 7.3.1 Build version 7D1014
stale issue

Most helpful comment

@FrancescoMussi at the moment it's totally broken :) though I see some issues being resolved in the milestones

All 5 comments

At the moment there are a lot of problems with virtual scroll, maybe anyone can suggest alternative?

Guys do we have some news about this issue?

@FrancescoMussi at the moment it's totally broken :) though I see some issues being resolved in the milestones

Ok thanks. Just wondering if it is on their tasks list or has been forgotten.

Thanks for the issue! This issue is being closed due to inactivity. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!

Was this page helpful?
0 / 5 - 0 ratings