@tarviks/lexical-rich-editor 1.0.2 → 1.0.4

package/dist/index.js

@@ -6471,7 +6471,8 @@ function WordCountPlugin({ onCountChange }) {
 function FocusEventsPlugin({
   onFocus,
   onBlur,
-  setFocused
+  setFocused,
+  containerRef
 }) {
   const [editor] = LexicalComposerContext.useLexicalComposerContext();
   React6.useEffect(() => {
@@ -6483,7 +6484,8 @@ function FocusEventsPlugin({
     };
     const handleFocusOut = (e) => {
       const next = e.relatedTarget;
-      const stillInside = !!next && root.contains(next);
+      const container = containerRef.current;
+      const stillInside = !!next && (container ? container.contains(next) : root.contains(next));
       if (stillInside) return;
       editor.update(() => {
         lexical.$setSelection(null);
@@ -6497,7 +6499,7 @@ function FocusEventsPlugin({
       root.removeEventListener("focusin", handleFocusIn);
       root.removeEventListener("focusout", handleFocusOut);
     };
-  }, [editor, onBlur, onFocus, setFocused]);
+  }, [editor, onBlur, onFocus, setFocused, containerRef]);
   return null;
 }
 var URL_REGEX = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/;
@@ -6617,6 +6619,7 @@ var ContentEditorComponent = React6.forwardRef(
     const setFocused = (focused) => {
       focusedRef.current = focused;
     };
+    const containerRef = React6.useRef(null);
     const onAnchorRef = (elem) => {
       if (elem) setFloatingAnchorElem(elem);
     };
@@ -6702,7 +6705,7 @@ var ContentEditorComponent = React6.forwardRef(
         previousOverLimitRef.current = isOverLimit;
       }
     }, [isOverLimit, wordCount, props.wordLimit, props.onWordLimitExceeded]);
-    return /* @__PURE__ */ jsxRuntime.jsx(reactComponents.FluentProvider, { theme: reactComponents.webLightTheme, style: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(LexicalComposer.LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(reactComponents.FluentProvider, { theme: reactComponents.webLightTheme, style: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(LexicalComposer.LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, style: { height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
       react.Stack,
       {
         style: {
@@ -6813,7 +6816,8 @@ var ContentEditorComponent = React6.forwardRef(
             {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              setFocused
+              setFocused,
+              containerRef
             }
           ),
           props.autoFocus && !isReadOnly && /* @__PURE__ */ jsxRuntime.jsx(LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
@@ -6876,7 +6880,7 @@ var ContentEditorComponent = React6.forwardRef(
           )
         ]
       }
-    ) }) });
+    ) }) }) });
   }
 );