From 0eb4360c01426258b4bbaa1aacff7b6721de716c Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 25 Jun 2025 13:57:36 +1000
Subject: [PATCH] fix(ui): debounce gallery min width value

---
 .../web/src/features/gallery/components/NewGallery.tsx         | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/NewGallery.tsx b/invokeai/frontend/web/src/features/gallery/components/NewGallery.tsx
index 2eafcefe33..39e75f0655 100644
--- a/invokeai/frontend/web/src/features/gallery/components/NewGallery.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/NewGallery.tsx
@@ -529,7 +529,8 @@ const selectGridTemplateColumns = createSelector(
 
 // Grid components
 const ListComponent: GridComponents<GridContext>['List'] = forwardRef(({ context: _, ...rest }, ref) => {
-  const gridTemplateColumns = useAppSelector(selectGridTemplateColumns);
+  const _gridTemplateColumns = useAppSelector(selectGridTemplateColumns);
+  const [gridTemplateColumns] = useDebounce(_gridTemplateColumns, DEBOUNCE_DELAY);
 
   return <Grid ref={ref} gridTemplateColumns={gridTemplateColumns} gap={1} {...rest} />;
 });