fix(ui): add image name data attr to gallery placeholder image elements

psychedelicious · psychedelicious · commit a36b70c01c6d · 2025-07-31T22:48:42.000+10:00
This fixes an issue where gallery's auto-scroll-into-view for selected
images didn't work, and users instead saw a "Unable to find image..."
debug log message in JS console.
diff --git a/invokeai/frontend/web/src/features/gallery/components/NewGallery.tsx b/invokeai/frontend/web/src/features/gallery/components/NewGallery.tsx
@@ -59,7 +59,7 @@ const ImageAtPosition = memo(({ imageName }: { index: number; imageName: string
   imagesApi.endpoints.getImageDTO.useQuerySubscription(imageName, { skip: isUninitialized });
 
   if (!imageDTO) {
-    return <GalleryImagePlaceholder />;
+    return <GalleryImagePlaceholder data-image-name={imageName} />;
   }
 
   return <GalleryImage imageDTO={imageDTO} />;

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ const ImageAtPosition = memo(({ imageName }: { index: number; imageName: string`
`59`	`59`	`imagesApi.endpoints.getImageDTO.useQuerySubscription(imageName, { skip: isUninitialized });`
`60`	`60`
`61`	`61`	`if (!imageDTO) {`
`62`		`- return <GalleryImagePlaceholder />;`
	`62`	`+ return <GalleryImagePlaceholder data-image-name={imageName} />;`
`63`	`63`	`}`
`64`	`64`
`65`	`65`	`return <GalleryImage imageDTO={imageDTO} />;`