Let’s suppose a tab presenting the view MyList: a list of item using a collection-repeat.
Click on an item, its detail is shown.
Now, go back and…cool the scroll has kept the position ! Everything Ok, since MyList is a cached view .
Now this scenario:
Click on an item, and in its detail page, open a modal (assuming there’s button/link opening a modal).
Now, close the modal and go back to the list (through the back button too).
Wow! The scroll has lost the previous position, it’s at the top ! => issue
It doesn’t happen when using classic ng-repeat.
Is it known?
Basically, you just have to click on an item, let’s say the item 16.
Then click on “open a modal” and close it.
Then go back and you will notice that the list is scroll automatically to the top…frustrating
You can change the collection-repeat keyword by a traditional ng-repeat.
In this case, this works fine, however, I can’t use ng-repeat smoothly with 1000 data
Also, this works fine if you don’t click on the modal but go back directly.
What’s more, opening the modal become extremely slow when the collection-repeat list become larger than a couple of hundreds items. The modal dialog in other tabs also become very slow to open when the collection-repeat list become large.
Seems to me when opening modal dialog, it has force all tabs to refresh.
+1 for the issue regarding the scroll position but mostly for the one regarding the really poor performance when opening a modal over a collection repeat list (almost no animation on a nexus 5 on open and close + high latency)