I regularly get feedback from users of my app that lists load very slowly and scrolling in them is a pain. I created a minimal test app to demonstrate the behavior. When scrolling down, you will see that the list gets stuck every time it has to load more items.
In my opinion the loading implementation of bubble is simply bad, it should load more items initially and re-load earlier not only when the user reaches the end of the currently loaded list.
Does anyone have an idea how to work around this? I cannot use a full list by the way, because of several reasons.
I see 52 entries in the example. This suggests that your lists will be in the hundreds not thousands. You could load the entries to a list custom-state on page load and have the RG source its data from there.
Consider changing from vertical scrolling to extended verticall scrolling. This avoids that vertical scroll bar that moves up and up and up when you are scrolling down … accentuating to the user that the load is even slower than it already is.
We really have problem with vertical scroll and ext vertical scroll. Using this last, the scroll position is reset to the top of the list each time new cells are added. The lists become unusable, I have lot of folks complaining as they have to scroll to the bottom again and again. Unusable and of course, not acceptable from a user point of view, and I agree.
Perhaps if you share how the setup is built in your editor I can provide further suggestions.
Below an example of an ext vert rg with 200+ entries using the technique I described before where the content loads on page load … and the rg feeds from a list on the page (a custom state list called notifications):
