From f0121f31d0e7c069f4007480fc13907c28efd4d5 Mon Sep 17 00:00:00 2001
From: jan <hi@4bs3nt.com>
Date: Mon, 27 Jul 2026 19:59:21 +0200
Subject: [PATCH] fix: close actions dropdown when editing (#4660)

---
 .../src/components/ProjectScriptsControl.tsx    | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/ProjectScriptsControl.tsx b/apps/web/src/components/ProjectScriptsControl.tsx
index 79e43f4c042d5d51e97f916201eb6101970f508a..3a4e59edbe80d22308f38ffe96647285122a0fc7 100644
--- a/apps/web/src/components/ProjectScriptsControl.tsx
+++ b/apps/web/src/components/ProjectScriptsControl.tsx
@@ -138,6 +138,10 @@ export default function ProjectScriptsControl({
 }: ProjectScriptsControlProps) {
   const addScriptFormId = React.useId();
   const [editingScriptId, setEditingScriptId] = useState<string | null>(null);
+  const [actionsMenuOpen, setActionsMenuOpen] = useState({
+    scripts: false,
+    imports: false,
+  });
   const [dialogOpen, setDialogOpen] = useState(false);
   const [name, setName] = useState("");
   const [command, setCommand] = useState("");
@@ -255,6 +259,7 @@ export default function ProjectScriptsControl({
   };
 
   const openEditDialog = (script: ProjectScript) => {
+    setActionsMenuOpen({ scripts: false, imports: false });
     setEditingScriptId(script.id);
     setName(script.name);
     setCommand(script.command);
@@ -349,7 +354,11 @@ export default function ProjectScriptsControl({
             <TooltipPopup side="top">Run {primaryScript.name}</TooltipPopup>
           </Tooltip>
           <GroupSeparator className="hidden @3xl/header-actions:block" />
-          <Menu highlightItemOnHover={false}>
+          <Menu
+            highlightItemOnHover={false}
+            open={actionsMenuOpen.scripts}
+            onOpenChange={(open) => setActionsMenuOpen({ scripts: open, imports: false })}
+          >
             <MenuTrigger
               render={<Button size="icon-xs" variant="outline" aria-label="Script actions" />}
             >
@@ -408,7 +417,11 @@ export default function ProjectScriptsControl({
           </Menu>
         </Group>
       ) : importableScripts.length > 0 ? (
-        <Menu highlightItemOnHover={false}>
+        <Menu
+          highlightItemOnHover={false}
+          open={actionsMenuOpen.imports}
+          onOpenChange={(open) => setActionsMenuOpen({ scripts: false, imports: open })}
+        >
           <MenuTrigger render={<Button size="xs" variant="outline" aria-label="Project actions" />}>
             <PlusIcon className="size-3.5" />
             <span className="sr-only @3xl/header-actions:not-sr-only @3xl/header-actions:ml-0.5">
-- 
2.54.0