[#143] feat: Modal띄운 후 다른 블록으로 이동시 close

boostcamp-2020 · Dec 19, 2020 · 65c9c04 · 65c9c04
1 parent c0ece2d
commit 65c9c04
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/frontend/src/components/atoms/BlockContent/BlockContent.tsx b/frontend/src/components/atoms/BlockContent/BlockContent.tsx
@@ -277,13 +277,21 @@ function BlockContent(blockDTO: Block) {
     event.preventDefault();
   };
 
+  const onBlurHandler = () => {
+    setModal({
+      ...modal,
+      isOpen: false,
+    });
+  };
+
   return (
     <div
       css={blockContentCSS}
       onDragOver={dragOverHandler}
       onDrop={dropHandler}
       onDragEnter={() => setDragOverToggle(true)}
       onDragLeave={() => setDragOverToggle(false)}
+      onBlur={onBlurHandler}
     >
       {listBlockType(blockDTO, listCnt.current)}
       <div