From e86e4a11a4ce06d83d1dee235654555d7d5cab9c Mon Sep 17 00:00:00 2001
From: CHAE <dbscogus4467@naver.com>
Date: Thu, 7 Dec 2023 23:45:17 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=AA=A8=EB=8B=AC=20=ED=82=A4=EB=B3=B4?=
 =?UTF-8?q?=EB=93=9C=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=EB=A1=9C=20=EA=BA=BC?=
 =?UTF-8?q?=EC=A7=80=EB=8A=94=20=EB=B2=84=EA=B7=B8=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[#275]
---
 .../src/design-system/components/common/Modal/Modal.tsx       | 4 ++--
 packages/frontend/src/utils/event.ts                          | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/design-system/components/common/Modal/Modal.tsx b/packages/frontend/src/design-system/components/common/Modal/Modal.tsx
index 4f70759e..7195da2d 100644
--- a/packages/frontend/src/design-system/components/common/Modal/Modal.tsx
+++ b/packages/frontend/src/design-system/components/common/Modal/Modal.tsx
@@ -43,14 +43,14 @@ export default function Modal({ onClose, children }: ModalProps) {
       onClick={onClose}
       role="button"
       tabIndex={0}
-      onKeyDown={onClose}
+      onKeyDown={preventBubbling}
     >
       <div
         className={styles.container}
         onClick={preventBubbling}
         role="button"
         tabIndex={0}
-        onKeyDown={onClose}
+        onKeyDown={preventBubbling}
       >
         <IconButton className={styles.close} onClick={onClose}>
           <IoCloseOutline />
diff --git a/packages/frontend/src/utils/event.ts b/packages/frontend/src/utils/event.ts
index 12b4c3f1..86370584 100644
--- a/packages/frontend/src/utils/event.ts
+++ b/packages/frontend/src/utils/event.ts
@@ -1,4 +1,6 @@
-const preventBubbling = (e: React.MouseEvent<Element>) => {
+const preventBubbling = <T extends Element>(
+  e: React.MouseEvent<T> | React.KeyboardEvent<T>,
+) => {
   e.stopPropagation();
 };