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

[arthabus]

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]

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

[MatejaTT]

I have the same issue. Any fix?