From 0f4d0fa4346619f97264349d07889415ec3f330d Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sat, 24 Jun 2023 09:19:32 +0200
Subject: [PATCH] remove overlay to allow clicking outside of modal

---
 src/components/modals/ReplyModal.jsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/modals/ReplyModal.jsx b/src/components/modals/ReplyModal.jsx
index 40c28384..3ad5d3a7 100755
--- a/src/components/modals/ReplyModal.jsx
+++ b/src/components/modals/ReplyModal.jsx
@@ -212,10 +212,13 @@ const ReplyModal = ({ isOpen, closeModal }) => {
     onAfterOpen={onModalOpen}
     onRequestClose={closeModal}
     contentLabel="Reply Modal"
-    shouldCloseOnEsc={false}
+    shouldCloseOnEsc={true}
     shouldCloseOnOverlayClick={isMobile}
     selectedStyle={selectedStyle}
-    style={isMobile ? ({ overlay: { backgroundColor: "rgba(0,0,0,.25)" }}) : ({ overlay: { backgroundColor: "rgba(0,0,0,0)" }})}>
+    overlayClassName="overlay"
+    style={isMobile ? ({ overlay: { backgroundColor: "rgba(0,0,0,.25)" }}) : ({ overlay: { backgroundColor: "rgba(0,0,0,0)" }})
+    }
+  >
       <Draggable handle=".modal-header" nodeRef={nodeRef} disabled={isMobile}>
         <div className="modal-content" ref={nodeRef}>
           <div className="modal-header">
@@ -236,11 +239,12 @@ const ReplyModal = ({ isOpen, closeModal }) => {
             <div className="textarea-wrapper">
               <span className="fixed-text">{`c/${selectedShortCid}`}</span>
               <textarea className="textarea" 
-              rows="4" 
-              placeholder="Comment" 
-              defaultValue={selectedText}
-              wrap="soft" 
-              ref={commentRef} />
+                rows="4" 
+                placeholder="Comment" 
+                defaultValue={selectedText}
+                wrap="soft" 
+                ref={commentRef} 
+              />
             </div>
             <div>
               <button id="next" onClick={handleSubmit}>Post</button>