Fix floating link insert popup closing other editors popups (#1976)

* Fix floating link insert popup closing other editors popups * Create few-elephants-roll.md Co-authored-by: Ziad Beyens <[email protected]>
udecode · Nov 7, 2022 · 28679ac · 28679ac · vercel · Nov 7, 2022
1 parent 9fc7cde
commit 28679ac
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/.changeset/few-elephants-roll.md b/.changeset/few-elephants-roll.md
@@ -0,0 +1,5 @@
+---
+"@udecode/plate-link": patch
+---
+
+Fixes #1771
diff --git a/packages/nodes/link/src/components/FloatingLink/useFloatingLinkInsert.ts b/packages/nodes/link/src/components/FloatingLink/useFloatingLinkInsert.ts
@@ -50,12 +50,17 @@ export const useFloatingLinkInsert = ({
     [focused]
   );
 
-  const ref = useOnClickOutside(() => {
-    if (floatingLinkSelectors.mode() === 'insert') {
-      floatingLinkActions.hide();
-      focusEditor(editor, editor.selection!);
+  const ref = useOnClickOutside(
+    () => {
+      if (floatingLinkSelectors.mode() === 'insert') {
+        floatingLinkActions.hide();
+        focusEditor(editor, editor.selection!);
+      }
+    },
+    {
+      disabled: !open,
     }
-  });
+  );
 
   const { update, style, floating } = useVirtualFloatingLink({
     editorId: editor.id,