OnsenUI 2 - Chrome 'flicker' when infinite scrolling with <LazyList /> (not with Safari, FireFox, Edge)
Hello, Onsen Community!
This is my very first post/question. I’d like to start by extending my gratitude and admiration for your product! I am going to build amazing Hybrid ReactJS apps with this!
I’d like to reach out to see if anyone has experience with the following issue. To be honest, I have found this to be a problem with other implementations of ‘infinite scrolling’ as well…not just with OnsenUI. In Chrome ONLY (not in FireFox nor Safari), as a user scrolls the rendered data ‘flickers.’ Obviously, this detracts from the overall user experience and is not the intended product of using infinite scrolling: speed and fluidity when handling large data sets.
My current specs, although this has been an issue with previous versions of Chrome as well:
Mac OS (10.11.5) and Chrome (52.0.2743.116 64-bit)
Here is a link to a GIF showing a side-by-side comparison with the same App in Safari and in Chrome: http://g.recordit.co/TOPA56PFmK.gif
Any help/suggestions you can provide would be greatly appreciated! Let me know if you need more information as well.
I should add, I’m using the latest react-onsenui (just npm installed this morning). Here is my code for rendering the LazyList component. Let me know if you need to see more.
Hi @curtispatrick84 !
Looks like there is an issue in Chrome. Can you please open an issue on GitHub so we can track this issue?