Chrome 56 automatically scrolls to the bottom of the page

[rawroland]

The new scroll anchoring feature introduced in Google Chrome 56 forces the scrolling to the bottom of the page, which in turn triggers infinite scrolling. See https://github.com/angular-ui/ui-scroll/issues/138.

A temporary fix would be to set overflow-anchor: none; to the parent element.

[PierreGUI]

Finally this fixed it, thanks! Just like me, people looking for issues such as #48 #53 #26 #23 #14 might find this one helpful.

When scrolling really fast, I'd reach the bottom of the page and Chrome would then stick there, triggering the loadMore multiple times.

In my case, adding overflow-anchor: none; to my main 'content container' did it, the same one that container header, infinited content and footer.

[danbovey]

I recently updated the issue templates on this repo so that I can identify the bugs with this repo.

Please clone your layout and use of react-infinite-scroller by forking this Code Sandbox and linking it here. Doing so will massively expedite getting the bug fixed! 👊

[kuzyo]

@rawroland Spent 2 days fixing loadMore infinite loop issue. Thanks, your workaround helped!

[raikusy]

I cannot thank you enough for this solution!!! You saved my life. <3

[JeGwan]

@rawroland you saved our times.