fix: hide view to avoid overlap when position is set to -9999px; (#837)

KaygNas · web-flow · commit 89b8890c4839 · 2025-03-19T17:27:28.000+01:00
diff --git a/packages/vue-virtual-scroller/src/components/RecycleScroller.vue b/packages/vue-virtual-scroller/src/components/RecycleScroller.vue
@@ -40,6 +40,7 @@
             {
               width: gridItems ? `${direction === 'vertical' ? itemSecondarySize || itemSize : itemSize}px` : undefined,
               height: gridItems ? `${direction === 'horizontal' ? itemSecondarySize || itemSize : itemSize}px` : undefined,
+              visibility: view.nr.used ? 'visible' : 'hidden',
             }
           ]
           : null"

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,7 @@`
`40`	`40`	`{`
`41`	`41`	width: gridItems ? `${direction === 'vertical' ? itemSecondarySize \|\| itemSize : itemSize}px` : undefined,
`42`	`42`	height: gridItems ? `${direction === 'horizontal' ? itemSecondarySize \|\| itemSize : itemSize}px` : undefined,
	`43`	`+ visibility: view.nr.used ? 'visible' : 'hidden',`
`43`	`44`	`}`
`44`	`45`	`]`
`45`	`46`	`: null"`