Fix itemsPerRow calculation in CollectionView (#655)

ShokoAnime · Oct 23, 2023 · 4b425e6 · 4b425e6
1 parent 4e73c81
commit 4b425e6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Collection/CollectionView.tsx b/src/components/Collection/CollectionView.tsx
@@ -142,10 +142,10 @@ const CollectionView = ({ isSidebarOpen, mode, setGroupTotal, setTimelineSeries
   const [gridContainerRef, gridContainerBounds] = useMeasure();
 
   const [itemsPerRow, count] = useMemo(() => {
-    const tempItemsPerRow = Math.max(1, Math.floor((gridContainerBounds.width) / itemWidth));
+    const tempItemsPerRow = Math.max(1, Math.floor((gridContainerBounds.width + itemGap) / (itemWidth + itemGap)));
     const tempCount = total === -1 ? 0 : Math.ceil(total / tempItemsPerRow);
     return [tempItemsPerRow, tempCount];
-  }, [gridContainerBounds.width, itemWidth, total]);
+  }, [gridContainerBounds.width, itemGap, itemWidth, total]);
 
   const virtualizer = useVirtualizer({
     count,