Virtual scroll does not render when navigate back from detail page


#1

[BUG] I have a virtual scroll list page and clicking the item of list will navigate to detail page using nav.push(‘detail’). When I click any input component to trigger to open keyboard in detail page and then back to list page, the list will show nothing but only blank screen. And I check the dom and found all the items are there but never show.

It happens on iOS and Android. For iOS, it is solved after adding WKWebview plugin.

After research, I had tried virtualScroll.resize() but it is not working for this case.

And now my alternative is to reassign the list when coming back.

ionViewWillEnter() {
      const pos = this.content.scrollTop;
      const items = this.items.slice();
      this.items = [];

      setTimeout(() => {
        this.items = items;
        this.content.scrollTo(0, pos, 50);
      }, 100);
}

Is it possible to be solved?

ionic info:
global packages:

@ionic/cli-utils : 1.2.0
Cordova CLI      : 6.5.0 
Ionic CLI        : 3.2.0

local packages:

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-cordova       : 1.2.0
@ionic/cli-plugin-ionic-angular : 1.2.0
Cordova Platforms               : android 6.1.2 ios 4.3.1
Ionic Framework                 : ionic-angular 3.2.0

System:

Node       : v6.9.5
OS         : macOS Sierra
Xcode      : Xcode 8.3.2 Build version 8E2002 
ios-deploy : 1.9.1 
ios-sim    : 5.0.13

#2

I have the same problem. It seems that no one ever responds to virtual scroll issues here. Did you find a solution?