react-infinite-scroller icon indicating copy to clipboard operation
react-infinite-scroller copied to clipboard

loadMore is not trigger when page init(content list is not enough to fill a screen)

Open jinmawang opened this issue 5 years ago • 4 comments

Describe the bug loadMore not triggered when page init(content list is not enough to fill a screen),and loader triggered. To Reproduce 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! 👊

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Device (please complete the following information):

  • OS: [e.g. Mac]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

jinmawang avatar Nov 30 '20 07:11 jinmawang

i have a same issue....

ljhyeok avatar Dec 07 '20 08:12 ljhyeok

I also faced same issue, and implemented some workaround:

  1. replace loader with a link: <a onClick={loadMore}>click here to load more</a>
  2. implemented loadMore the way that is simulates pull to down
const loadMore = () => {
    ref.current.scrollTo(0, 10);
};

Where ref is a pointer to wrapper div.

Sure, it's a bug, and needs to be fixed, but just for case this workaround helps somebody, I share it. :)

achepukov avatar Jul 23 '21 05:07 achepukov

This bug is still there, I solved this problem by increasing the limit value.o(╥﹏╥)o

Celeste72 avatar Mar 11 '22 09:03 Celeste72

Celeste72

can you explain? what limit?

yuujitaka avatar Jun 08 '22 21:06 yuujitaka