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

New data doesn't get fetched when there´s no scrollbar

Open gonzalo-piria opened this issue 2 years ago • 4 comments

When the initial data does not fill the page (resulting in not having a scrollbar) the loader is displayed, but new data is not being fetched as there's no scroll event to trigger the loadMore callback.

gonzalo-piria avatar Apr 12 '22 17:04 gonzalo-piria

same here ;(

yuujitaka avatar Jun 08 '22 21:06 yuujitaka

thank you for describe the issue perfectly the way I fixed it is to give the inner component some minHeight. For example:

            style={{
              minHeight: '80vh',
            }}

coolcorexix avatar Sep 06 '22 03:09 coolcorexix

same, the next should be called when the infinite scroll div's height is less than the page height or something like that.

mohsenShakiba avatar Nov 13 '22 11:11 mohsenShakiba

Just get the error again, how I fix it is to make the scroll area alway a slightly higher than the parent by:

height: 101%;

Sometimes it works if the DOM structure is simple enough

coolcorexix avatar Nov 21 '22 06:11 coolcorexix