From 449ee1b6232d2da36469a4fffa96abd63608d978 Mon Sep 17 00:00:00 2001
From: prafull-opensignlabs <prafull.navkar@nxglabs.com>
Date: Wed, 1 Nov 2023 16:10:12 +0530
Subject: [PATCH] fix: overlay issue folder popup

---
 apps/OpenSign/src/components/TreeWidget.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/OpenSign/src/components/TreeWidget.js b/apps/OpenSign/src/components/TreeWidget.js
index 70550e14b..8b322d854 100644
--- a/apps/OpenSign/src/components/TreeWidget.js
+++ b/apps/OpenSign/src/components/TreeWidget.js
@@ -528,12 +528,15 @@ const TreeWidget = (props) => {
       bottom: "20%",
       marginRight: "-50%",
       transform: "translate(-50%, -50%)",
-      zIndex: "50",
       backgroundColor: "white",
       padding: "0px",
       maxWidth: "100%", // Set a maximum width for the modal
       maxHeight: "100vh",
       height: "300px"
+    },
+    overlay: {
+      backgroundColor: "rgba(0, 0, 0, 0.75)",
+      zIndex: 50
     }
   };
 
@@ -618,6 +621,7 @@ const TreeWidget = (props) => {
       <Modal
         isOpen={isShowModal}
         onRequestClose={() => setIsShowModal(false)}
+        shouldCloseOnOverlayClick={false}
         contentLabel="Modal"
         style={customStyles}
       >