From 65c9c042bf827784b40c139794daf81c31b56ab4 Mon Sep 17 00:00:00 2001
From: Yi SoJeong <soj980312@gmail.com>
Date: Sat, 19 Dec 2020 23:43:22 +0900
Subject: [PATCH] =?UTF-8?q?[#143]=20feat:=20Modal=EB=9D=84=EC=9A=B4=20?=
 =?UTF-8?q?=ED=9B=84=20=EB=8B=A4=EB=A5=B8=20=EB=B8=94=EB=A1=9D=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EB=8F=99=EC=8B=9C=20close?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/atoms/BlockContent/BlockContent.tsx    | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/components/atoms/BlockContent/BlockContent.tsx b/frontend/src/components/atoms/BlockContent/BlockContent.tsx
index f8ac14e..735a4e4 100644
--- a/frontend/src/components/atoms/BlockContent/BlockContent.tsx
+++ b/frontend/src/components/atoms/BlockContent/BlockContent.tsx
@@ -277,6 +277,13 @@ function BlockContent(blockDTO: Block) {
     event.preventDefault();
   };
 
+  const onBlurHandler = () => {
+    setModal({
+      ...modal,
+      isOpen: false,
+    });
+  };
+
   return (
     <div
       css={blockContentCSS}
@@ -284,6 +291,7 @@ function BlockContent(blockDTO: Block) {
       onDrop={dropHandler}
       onDragEnter={() => setDragOverToggle(true)}
       onDragLeave={() => setDragOverToggle(false)}
+      onBlur={onBlurHandler}
     >
       {listBlockType(blockDTO, listCnt.current)}
       <div