From df6e67c982f8b88d4b6e668ad91e84ab77b9fd09 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Thu, 26 Jun 2025 17:02:45 +1000
Subject: [PATCH] fix(ui): queue count badge showing up multiple times

---
 .../web/src/features/queue/components/QueueCountBadge.tsx    | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/invokeai/frontend/web/src/features/queue/components/QueueCountBadge.tsx b/invokeai/frontend/web/src/features/queue/components/QueueCountBadge.tsx
index 91e0defc17..9380cf903a 100644
--- a/invokeai/frontend/web/src/features/queue/components/QueueCountBadge.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/QueueCountBadge.tsx
@@ -35,6 +35,11 @@ export const QueueCountBadge = memo(({ targetRef }: Props) => {
         return;
       }
       const { x, y } = target.getBoundingClientRect();
+      if (x === 0 || y === 0) {
+        // If the target is not visible, do not show the badge
+        setBadgePos(null);
+        return;
+      }
       setBadgePos({ x: `${x - 7}px`, y: `${y - 5}px` });
     };