fix: rendering error in gallery view with filter changes (#1180)

teableio · Dec 21, 2024 · 3e0ab87 · 3e0ab87
1 parent 8b3df68
commit 3e0ab87
Showing 1 changed file with 2 additions and 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
@@ -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>