smartsell-ui-kit 0.1.20 → 0.1.21

package/dist/index.cjs

@@ -1051,6 +1051,40 @@ var createTitleId = (title) => {
   }
   return "smartsell-modal-dialog";
 };
+var modalScrollLockStates = /* @__PURE__ */ new WeakMap();
+var acquireModalScrollLock = (documentRef) => {
+  const body = documentRef.body;
+  if (!body) {
+    return void 0;
+  }
+  const currentState = modalScrollLockStates.get(documentRef);
+  if (currentState) {
+    currentState.count += 1;
+  } else {
+    modalScrollLockStates.set(documentRef, {
+      count: 1,
+      previousOverflow: body.style.overflow
+    });
+    body.style.overflow = "hidden";
+  }
+  let released = false;
+  return () => {
+    if (released) {
+      return;
+    }
+    released = true;
+    const state = modalScrollLockStates.get(documentRef);
+    if (!state) {
+      return;
+    }
+    if (state.count > 1) {
+      state.count -= 1;
+      return;
+    }
+    body.style.overflow = state.previousOverflow;
+    modalScrollLockStates.delete(documentRef);
+  };
+};
 var MODAL_HEADER_CONTROL_METRICS = getControlMetrics("sm");
 var MODAL_HEADER_CONTROL_SIZE = MODAL_HEADER_CONTROL_METRICS.height;
 var MODAL_HEADER_ICON_SIZE = 18;
@@ -1291,11 +1325,15 @@ function UnifiedModal({
     }
   }, [maximized]);
   (0, import_react4.useEffect)(() => {
-    if (!isOpen || typeof window === "undefined" || typeof document === "undefined") {
+    if (!isOpen || typeof document === "undefined") {
+      return;
+    }
+    return acquireModalScrollLock(document);
+  }, [isOpen]);
+  (0, import_react4.useEffect)(() => {
+    if (!isOpen || typeof window === "undefined") {
       return;
     }
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
     const handleKeyDown = (event) => {
       if (!shouldDisableDismiss && closeOnEscape && event.key === "Escape") {
         onClose();
@@ -1303,7 +1341,6 @@ function UnifiedModal({
     };
     window.addEventListener("keydown", handleKeyDown);
     return () => {
-      document.body.style.overflow = previousOverflow;
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [closeOnEscape, isOpen, onClose, shouldDisableDismiss]);