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

@infinite is not triggered if screen size changes and expands below the loaded content #320

Open
arthabus opened this issue Nov 22, 2021 · 2 comments

Comments

@arthabus
Copy link

arthabus commented Nov 22, 2021

Version

2.4.5

Vue.js version

2.6.14

Reproduction Link

Steps to reproduce

  • Resize browser screen to half of it's height
  • Load enough items to cover the visible part of the screen, but not enough to cover the entire screen height
  • Resize browser to it's full height, so that the initially loaded items doesn't cover the full screen anymore

What is Expected?

@infinite is triggered to load more items

What is actually happening?

@infinite is not triggered and no more items are loaded.

To illustrate it, let's say we have 100 items and we load them in chunks by 10 but we need 20 items to cover the entire screen. Now if we resize the browser's window to the half of the screen height, the first 10 items will load as needed covering the visible part of the window. But resizing to the full screen after that doesn't load the next 10 items.

I have several users of my app who reported this problem, so I'd appreciate your attention to it.

@trtrkl
Copy link

trtrkl commented Mar 13, 2023

@arthabus Hello!! I encountered this same problem too. Have you found any workaround yet?

@MatejaTT
Copy link

I have the same issue. Any fix?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants