angular-vs-repeat
angular-vs-repeat copied to clipboard
kamilkp
IE&Safari + Performance: When scrolling, there is white background for a short time
When scrolling in Safari, there is a performance issue. When scrolling, depending on direction, there is a white background for a short time.
You can see it in the demo page.
vs-excess is set to 200, and still happens. Sometimes the whole list is not visible.
http://kamilkp.github.io/angular-vs-repeat/#?tab=1
scroll fast, on you will see a white background, it is not that obvious here, but if you have a higher view, it is much easier to see.
http://jsbin.com/mobipezehi/1/edit?html,css,js,output - in this example you will see, when scrolling, white flashes
Could you please fix this issue, I know it is not as important, but it gives bad user experience.
using window.requestAnimationFrame speeds up scrolling a bit, but it is still not good in safari and IE.
maybe take a look at this lib, if you could think of how to fix the issue.
http://gdepourtales.github.io/ng-cells/
Join to mato75, Also have this issue,
div class="items-list" id="tableSearchResults" vs-repeat="85" vs-excess="10" div class="request-row" ng-repeat="item in itemsList" ng-click="showItemDetails(request)"
testing on Android device, render speed on medium-high speed scrolling is slow. on desktop browser works good without this issue
I am having the same experience. Unlike what it has on the demo page, which has a delay when you drag the scrollbar dragger with 1000 items, I can use the scrollbar dragger smoothly but the list flashes somehow. I am not quite sure but I guess this is because IE is slow in re-rendering the ng-repeat items (and of coz, Chrome is always better than IE regarding perf)?
ng-cells has amazing scroll performance. How do we get vs-repeat to be that responsive?
The degraded scrolling performance that I was seeing was due to adding filter and orderBy filters. That brought the digest cycle up to 150ms with just orderBy and 500ms with both activated. Need to figure out how to add sorting and filtering without killing scroll performance if anyone has any suggestions.
Made video example of my problem. https://youtu.be/aG6W5mlMqxM
Anyone has an idea how to fix this?
+1 Here, experience this on WP8.1 aswell as on android.
Is there an update to this problem?
@darrinholst @SuperCoolSEBoy @dudesweet100 Guys can please let me know how you have solved this problem.
I don't think we ever totally eliminated the white flash (I'm not on the project anymore), but it is very important to do all your formatting/filtering/sorting of data up front in the controller. You want to get that digest cycle time as small as possible. It's going to be very hard to match the scrolling performance of a native table so you have take some tradeoffs unfortunately.
