@oliasoft-open-source/react-ui-library 4.6.4 → 4.6.5

package/dist/index.js

@@ -19534,6 +19534,18 @@ const Modal = ({
   onEnter,
   onEscape
 }) => {
+  const MODAL_CONTAINER_ID = "modalContainer";
+  useEffect(() => {
+    if (document.getElementById(MODAL_CONTAINER_ID)) {
+      return;
+    }
+    const container2 = document.createElement("div");
+    container2.id = MODAL_CONTAINER_ID;
+    document.body.appendChild(container2);
+    return () => {
+      document.body.removeChild(container2);
+    };
+  }, []);
   useKeyboardEvent(
     "Enter",
     () => {
@@ -19552,10 +19564,7 @@ const Modal = ({
     },
     [visible, onEscape]
   );
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(Portal, { id: "modalContainer", children: visible ? /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Content$2, { width: width2, centered: centered2, children }) }) : null }),
-    /* @__PURE__ */ jsx("div", { id: "modalContainer" })
-  ] });
+  return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Portal, { id: MODAL_CONTAINER_ID, children: visible ? /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Content$2, { width: width2, centered: centered2, children }) }) : null }) });
 };
 const menu$1 = "_menu_12x4u_1";
 const header = "_header_12x4u_11";