From 11f850abfc73152711052e29eb4aa85907b2bb98 Mon Sep 17 00:00:00 2001
From: Anil Matcha <matcha72@gmail.com>
Date: Tue, 24 Mar 2026 03:35:49 +0530
Subject: [PATCH] Fix: only register window click listener when dropdown is
 open

---
 packages/studio/src/components/VideoStudio.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/studio/src/components/VideoStudio.jsx b/packages/studio/src/components/VideoStudio.jsx
index 851c109..6604798 100644
--- a/packages/studio/src/components/VideoStudio.jsx
+++ b/packages/studio/src/components/VideoStudio.jsx
@@ -317,10 +317,15 @@ export default function VideoStudio({ apiKey, onGenerationComplete, historyItems
 
     // ── close dropdown on outside click ─────────────────────────────────────
     useEffect(() => {
-        const handler = () => setOpenDropdown(null);
+        if (!openDropdown) return;
+        const handler = (e) => {
+            const isInsideDropdown = [modelBtnRef, arBtnRef, durationBtnRef, resolutionBtnRef, qualityBtnRef, modeBtnRef]
+                .some(ref => ref.current && ref.current.contains(e.target));
+            if (!isInsideDropdown) setOpenDropdown(null);
+        };
         window.addEventListener('click', handler);
         return () => window.removeEventListener('click', handler);
-    }, []);
+    }, [openDropdown]);
 
     // ── textarea auto-resize ──────────────────────────────────────────────────
     const handlePromptInput = (e) => {