fix: edge case in masonry layout dimensions calculation

igordanchenko · Jan 13, 2022 · 14acbf4 · 14acbf4
1 parent c621ba6
commit 14acbf4
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/layouts/masonry.ts b/src/layouts/masonry.ts
@@ -11,7 +11,9 @@ type MasonryColumnsModel<T extends Photo = Photo> = { photo: T; layout: PhotoLay
 
 const computeMasonryLayout = <T extends Photo = Photo>(props: ComputeMasonryLayoutProps<T>): MasonryColumnsModel<T> => {
     const { photos, layoutOptions, instrumentation } = props;
-    const { columns, spacing, padding, containerWidth } = layoutOptions;
+    const { spacing, padding, containerWidth } = layoutOptions;
+
+    const columns = Math.min(layoutOptions.columns, photos.length);
 
     instrumentation?.onStartLayoutComputation?.();