vue-virtual-scroller
vue-virtual-scroller copied to clipboard
ForceUpdate is repreatedly called in pageMode
trafficstars
Describe the bug
Resize event of scroller element is constantly triggered during scrolling (causing forceUpdate), due to it not having fixed height when pageMode is true. see: https://github.com/Akryum/vue-virtual-scroller/blob/v1/packages/vue-virtual-scroller/src/components/DynamicScroller.vue#L193
I would assume that size of scroll container(https://github.com/Akryum/vue-virtual-scroller/blob/v1/packages/vue-virtual-scroller/src/components/RecycleScroller.vue#L601) should be observed in this case?
Reproduction
Steps to reproduce: Have DynamicScroller component with pageMode=true and items of different sizes Scroll until new item is rendered/hidden Expected behavior: Resize is not emitted
Current behavior: Resize emitted
System Info
System:
OS: Windows 10 10.0.19044
Binaries:
Node: 16.18.1
Yarn: 1.17.3
npm: 8.19.2
Browsers:
Chrome: 107.0.5304.88
Edge: Spartan (44.19041.1266.0), Chromium (107.0.1418.35)
Internet Explorer: 11.0.19041.1566
npmPackages:
vue: 2.6.11 => 2.6.11
vue-virtual-scroller: ~1.1.2 => 1.1.2
Used Package Manager
npm
Validations
- [X] Read the docs.
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
- [X] The provided reproduction is a minimal reproducible example of the bug.