electron

src/app/components/Modal500.tsx

@@ -8,13 +8,31 @@ type Modal500Props = {
   children: ReactNode;
 };
 export function Modal500({ requestClose, children }: Modal500Props) {
+  const handleClickOutside = (e: MouseEvent | TouchEvent | FocusEvent) => {
+    const target = e.target as HTMLElement;
+    
+    // Don't close if clicking on a popout menu, overlay, or other portaled content
+    // Check for common portal container elements and popout menus
+    if (
+      target.closest('[role="menu"]') ||
+      target.closest('[role="dialog"]') ||
+      target.closest('[data-floating-ui-portal]') ||
+      target.closest('.folds-overlay') ||
+      target.closest('.popout')
+    ) {
+      return false;
+    }
+    
+    return true;
+  };
+
   return (
     <Overlay open backdrop={<OverlayBackdrop />}>
       <OverlayCenter>
         <FocusTrap
           focusTrapOptions={{
             initialFocus: false,
-            clickOutsideDeactivates: true,
+            clickOutsideDeactivates: handleClickOutside,
             onDeactivate: requestClose,
             escapeDeactivates: stopPropagation,
           }}