Issue with $key in fb-util infinite scroll about firebase-util

[katowulf]

No idea, but firebase-util is not compatible with 3.x, see #96

[katowulf]

Looks the same as #100.

[md-rashid]

also, not sure if it helps, but changing from $key to $priority or $name stops the error. However, after a certain limit array elements are replaced. so we keep getting new elements, but older ones are replaced.

[md-rashid]

So, while I do not have an answer for the first part of the question, based on the additional note, I have this fix:

var scrollRef = new firebase.util.Scroll(baseRef, '$priority', {maxCacheSize: 750, windowSize: 500});

Setting the maxCacheSize and windowSize to a higher value should solve the issue. As per documentation, if we exceed windowSize then the start of the array is trimmed to keep the size under limit.

Documentation:

Keys/values that can be passed via opts:

{int} windowSize: the maximum number of records to have loaded in the list at any given time. 3-5 times the size of the viewable window is a good optimization, depending on how fast content is scrolled and the payload of each record (i.e. how long it takes to download).
{int} maxCacheSize: in general, leave this as the default. This controls the internal cursor's cache, which is used to find the current position in the list. This controls how many keys it can load at any given time. This is, by default, three times the size of windowSize and should always be larger than windowSize.