Merge pull request #490 from OpenSignLabs/feat_label

fix: date is not changable in signyourself flow of mobile
OpenSignLabs · Mar 14, 2024 · 08476ba · 08476ba
2 parents 39806e3 + db9ae71
commit 08476ba
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git 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
@@ -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,