Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

EndReached is not called when the height of the container is greater than the total height of the loaded items #1059

Open
PedroJBrito opened this issue Apr 2, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@PedroJBrito
Copy link

Describe the bug
This is a reproduction of a problem we're facing in our current project. For screens with a large resolution, we are running into situations where the height of the container is greater than the total height of the items loaded, which causes endReached not to be called, even though the totalCount is greater than the items currently loaded. Do you have any ideas on how I can overcome this problem? Thank you very much for your help.

Reproduction
https://codesandbox.io/p/sandbox/thirsty-agnesi-5mdtc7?file=%2Fsrc%2FApp.js%3A22%2C28

To Reproduce
I used your example for infinite scroll and just changed the pageSize to 3. The first endReached is called but it doesn't happen anymore and even if I use atBottomStateChange it doesn't work either.

Expected behavior
The expected behavior would be for endReached or any other event to be called until the totalHeight of the container is matched if the totalCounts is greater than the currently loaded items.

@PedroJBrito PedroJBrito added the bug Something isn't working label Apr 2, 2024
@AayushKarki714
Copy link

I am facing the same Issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants