fix: flicker issue in ios when scrolling up (#864)

es021 · hobywhan · web-flow · commit 876ded6ab18f · 2025-02-01T16:36:33.000+01:00
* fix flicker issue in ios

* refactor: simplify code

---------

Co-authored-by: Hoby-whan Carpe &lt;hobywhan@free.fr&gt;
diff --git a/packages/vue-virtual-scroller/src/components/DynamicScrollerItem.vue b/packages/vue-virtual-scroller/src/components/DynamicScrollerItem.vue
@@ -85,7 +85,10 @@ export default {
         // since we are reusing the same DOM node
         const oldSize = this.vscrollData.sizes[oldValue]
         const size = this.vscrollData.sizes[value]
-        if (oldSize != null && oldSize !== size) {
+
+        if (size != null && size !== oldSize) {
+          this.applySize(size)
+        } else if (oldSize != null && oldSize !== size) {
           this.applySize(oldSize)
         }
       }

Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,10 @@ export default {`
`85`	`85`	`// since we are reusing the same DOM node`
`86`	`86`	`const oldSize = this.vscrollData.sizes[oldValue]`
`87`	`87`	`const size = this.vscrollData.sizes[value]`
`88`		`- if (oldSize != null && oldSize !== size) {`
	`88`	`+`
	`89`	`+ if (size != null && size !== oldSize) {`
	`90`	`+ this.applySize(size)`
	`91`	`+ } else if (oldSize != null && oldSize !== size) {`
`89`	`92`	`this.applySize(oldSize)`
`90`	`93`	`}`
`91`	`94`	`}`