From 3e0ab8791d1c7cd84d5ffe2ebc94a1caf45b355d Mon Sep 17 00:00:00 2001
From: SkyHuang <906268297@qq.com>
Date: Sat, 21 Dec 2024 12:40:46 +0800
Subject: [PATCH] fix: rendering error in gallery view with filter changes
 (#1180)

---
 .../src/features/app/blocks/view/gallery/GalleryViewBase.tsx   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/nextjs-app/src/features/app/blocks/view/gallery/GalleryViewBase.tsx b/apps/nextjs-app/src/features/app/blocks/view/gallery/GalleryViewBase.tsx
index f82b4fc290..2c825c52ad 100644
--- a/apps/nextjs-app/src/features/app/blocks/view/gallery/GalleryViewBase.tsx
+++ b/apps/nextjs-app/src/features/app/blocks/view/gallery/GalleryViewBase.tsx
@@ -143,8 +143,9 @@ export const GalleryViewBase = () => {
                 {Array.from({ length: columnsPerRow }).map((_, i) => {
                   const actualIndex = virtualRow.index * columnsPerRow + i;
                   const card = loadedRecordMap[actualIndex];
+                  const isOverflowItem = virtualRow.index * columnsPerRow + i >= rowCount;
 
-                  return card ? (
+                  return !isOverflowItem && card ? (
                     <SortableItem key={card.id} id={card.id}>
                       <Card card={card} />
                     </SortableItem>