Collection Repeat and remember scroll position

[mhartington]

From the forum :
http://forum.ionicframework.com/t/collection-repeat-in-tabs-and-rememberscrollposition/5912/2

If you use collection repeat with tabs, the scroll position isn't remembered when you switch tabs.

Affected Version: Nightly
Codepen: Demo Here

Side Note: There's a little wonky-ness with collection repeat, not sure if it's just me. But if you resize the browser or scroll, the new items kind of animate in.

[ajoslin]

If you use transition:all it will do some wonky stuff transitioning the transform of the elements.

This should be noted in the docs.

[mhartington]

Woops ha, the animation was added for another example, thanks @ajoslin !

Still the issue with scroll position remains.

[zelphir]

@mhartington From your codepen it seems that going back to the back now keeps the position, but it doesn't work if you switch tab!

[mhartington]

But it should keep it's position when you switch tabs

[zelphir]

Not for me...

Scenario 1:
scroll... click on one of the items, then go back --> scroll position OK

Scenario 2:
scroll... change tab, change again tab --> scroll position LOST

[mhartington]

Updated my comment...still pretty early over here 😄

It should keep its scroll position when you switch tabs, but right now it is not doing that.

[zelphir]

That's correct!

[ajoslin]

Fixed, read the commit message for details

[zelphir]

@ajoslin Now it remembers the scroll position, but... It's slow if the list/lists are long (and contain images)... There is a lag, when you go back or change tab... it starts from the top and then scroll to the position... it's not very nice to see this effect!

Maybe add a delay and render the ion-content only when the scroll is at the right position.

The lag is only visible on real devices, not in the browser or ios emulator.

[erperejildo]

how can I implement this on Ionic 3?