react-infinite-scroll-component icon indicating copy to clipboard operation
react-infinite-scroll-component copied to clipboard

if container height bigger than content height,can not load more data

Open zhangolve opened this issue 6 years ago • 5 comments

As https://codesandbox.io/s/yk7637p62z showed , just change styles to below:

const style = {
  height: 5,
  border: "1px solid green",
  margin: 6,
  padding: 8
};

TIM截图20190819104715

scroll page and never load data any more.

zhangolve avatar Aug 19 '19 02:08 zhangolve

Hello all Have anyone found solution of this issue?

pokharelsangam avatar Feb 06 '20 07:02 pokharelsangam

Right now there's no solution, only thing is load upfront more items to have a scroll for sure.

On Thu, Feb 6, 2020 at 12:43 PM pokharelsangam [email protected] wrote:

Hello all Have anyone found solution of this issue?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/ankeetmaini/react-infinite-scroll-component/issues/121?email_source=notifications&email_token=ABSYHF242THRGEQ6A3I3POLRBO2AXA5CNFSM4IMVS3OKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEK6FQAI#issuecomment-582768641, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABSYHF2V6JEB7AVRLNDZFO3RBO2AXANCNFSM4IMVS3OA .

-- Ankeet Maini "Just when the caterpillar thought the world was over, it became a butterfly!"

ankeetmaini avatar Feb 06 '20 11:02 ankeetmaini

Thank you @ankeetmaini But, there is a situation in my list that the user can delete item from the list. And when the user deletes all the item, user won't be able to scroll. And then the same issue arises. Can you please help me on this.

esbjupreti avatar Feb 07 '20 04:02 esbjupreti

sure

@ankeetmaini The problem with this solution is that it breaks on mobile since the screen height is smaller.

That means that it would trigger loading of duplicate data.

OmarMoataz avatar May 26 '20 20:05 OmarMoataz

hey guys, any update to this issue?