From db9ae71d67eaccd323f44b61ba5834d02f701324 Mon Sep 17 00:00:00 2001
From: prafull-opensignlabs <prafull.navkar@nxglabs.com>
Date: Thu, 14 Mar 2024 21:39:22 +0530
Subject: [PATCH] fix: date is not changable in signyourself flow of mobile

---
 apps/OpenSign/src/components/pdf/Placeholder.js   | 15 +++++++++++++++
 .../src/components/pdf/PlaceholderBorder.js       |  3 ++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/apps/OpenSign/src/components/pdf/Placeholder.js b/apps/OpenSign/src/components/pdf/Placeholder.js
index 3f8ba02c0..d786efa9b 100644
--- a/apps/OpenSign/src/components/pdf/Placeholder.js
+++ b/apps/OpenSign/src/components/pdf/Placeholder.js
@@ -144,6 +144,21 @@ function Placeholder(props) {
 
     return () => clearTimeout(timer);
   }, [props.pos]);
+
+  useEffect(() => {
+    const closeMenuOnOutsideClick = (e) => {
+      if (!isDraggingEnabled && !e.target.closest("#changeIsDragging")) {
+        setDraggingEnabled(true);
+      }
+    };
+
+    document.addEventListener("click", closeMenuOnOutsideClick);
+
+    return () => {
+      // Cleanup the event listener when the component unmounts
+      document.removeEventListener("click", closeMenuOnOutsideClick);
+    };
+  }, [isDraggingEnabled]);
   //function change format array list with selected date and format
   const changeDateFormat = () => {
     const updateDate = [];
diff --git a/apps/OpenSign/src/components/pdf/PlaceholderBorder.js b/apps/OpenSign/src/components/pdf/PlaceholderBorder.js
index f209307c2..182f85991 100644
--- a/apps/OpenSign/src/components/pdf/PlaceholderBorder.js
+++ b/apps/OpenSign/src/components/pdf/PlaceholderBorder.js
@@ -2,6 +2,7 @@ import React from "react";
 import { themeColor } from "../../constant/const";
 import {
   defaultWidthHeight,
+  isMobile,
   radioButtonWidget,
   resizeBorderExtraWidth
 } from "../../constant/Utils";
@@ -30,7 +31,7 @@ function PlaceholderBorder(props) {
   };
   return (
     <div
-      onMouseEnter={props?.setDraggingEnabled(true)}
+      onMouseEnter={!isMobile && props?.setDraggingEnabled(true)}
       className="borderResize"
       style={{
         borderColor: themeColor,