Comments (17)
This can be overcome by adjusting the vs-excess
properly
from angular-vs-repeat.
vs-excess is set to 200, and still happens. Sometimes the whole list is not visible.
from angular-vs-repeat.
Can you create a jsfiddle?
from angular-vs-repeat.
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.
from angular-vs-repeat.
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.
from angular-vs-repeat.
Any update on this issue?
from angular-vs-repeat.
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/
from angular-vs-repeat.
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
from angular-vs-repeat.
Any update?
from angular-vs-repeat.
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)?
from angular-vs-repeat.
ng-cells has amazing scroll performance. How do we get vs-repeat to be that responsive?
from angular-vs-repeat.
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.
from angular-vs-repeat.
Made video example of my problem.
https://youtu.be/aG6W5mlMqxM
Anyone has an idea how to fix this?
from angular-vs-repeat.
+1 Here, experience this on WP8.1 aswell as on android.
Is there an update to this problem?
from angular-vs-repeat.
@darrinholst @SuperCoolSEBoy @dudesweet100 Guys can please let me know how you have solved this problem.
from angular-vs-repeat.
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.
from angular-vs-repeat.
+1
from angular-vs-repeat.
Related Issues (20)
- Demo page still uses version 1.1.7
- newer 2.0.X versions wont run with javascript HOT 1
- items stuck between adding/removing cause scroll flicker HOT 2
- is it possible to have multiple block of vs-repeat all specifying the same parent? HOT 1
- scroll horizontal doesn't show all elements
- Unable import the angular-vs-import
- Bug Ionic 1. Version 2+ does not work with Ionic 1 HOT 1
- [Question] - How to use variable size in the most recent version HOT 4
- [Question] - how to tell which items are visible HOT 1
- Content is offset from screen on mobile after scrolling a long list HOT 1
- two ng-repeat in vs-repeat
- one issue related to the fullcalendar use
- vs-repeat on object HOT 1
- Displaying a heading with nested repeats
- how ti use with angularJs datatable?
- bower release for 2.0.13
- angular 1.5?
- Inability to use $index
- Everything rendered or only firsts HOT 1
- The horizontal state does not work at runtime
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-vs-repeat.