Loadmore function immediately called (or never called) when using a custom parent ref.

[paul23-git]

Describe the bug As per title, if not using a direct parent as the scroll target the whole library misbehaves. In my personal project the code will not, ever, call the loadmore function. If I use the sandbox version it will call the loadmore function constantly.

To Reproduce https://codesandbox.io/s/react-infinite-scroller-reproducible-sandbox-5j7m4

Expected behavior Only call loadmore if scrolling to the end in the scroll target.

Device (please complete the following information):

• Browser: chrome 76.0.3809.132 (Official Build) (64-bit)
• OS: ubuntu

[abhishekmg]

facing the same issue here too

[sebasalvarado]

Same here, it would be good to have better documentation. The loadMore function gets called repeatedly even if the user is not scrolling. I think it defeats the purpose of infinite scrolling.

[dvlpr-shivendra]

facing same issue

[As3ass1n]

same issue, chrome work error but on mobile work correctly

[michael-38]

same issue, is this project inactive?

[evie9z]

same here, any update?

[akkisagiraju]

Same issue. The loadMore function is being immediately called for the first time without even scrolling.

[zhiyuc123]

Same issue. The loadMore function is being immediately called for the first time without even scrolling.

@akkisagiraju There is a initialLoad prop to avoid triggering loadingMore immediately.

<InfiniteScroll
   initialLoad={false}
   loadMore={this.handleInfiniteOnLoad}
   ...        

[JamieL1989]

Same here! Any update?

[MatinF]

any update on this?

[sufyankhatri]

@zhiyuc123 thanks bro you saved me