fix: change button to div for modal background and add role attribute

boostcampwm-2024 · Feb 4, 2025 · fa76ec4 · fa76ec4
1 parent 5e48e6b
commit fa76ec4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/apps/client/src/shared/ui/modal/useModal.tsx b/apps/client/src/shared/ui/modal/useModal.tsx
@@ -33,7 +33,8 @@ function Background({ children }: Readonly<PropsWithChildren>) {
   }, [closeModal]);
 
   return (
-    <button
+    <div
+      role='dialog'
       onClick={(e) => {
         e.stopPropagation();
         if (e.target === e.currentTarget) closeModal();
@@ -44,7 +45,7 @@ function Background({ children }: Readonly<PropsWithChildren>) {
       className='fixed left-0 top-0 z-10 flex h-dvh w-dvw cursor-auto items-center justify-center bg-[#808080]/20 backdrop-blur-sm'
     >
       {children}
-    </button>
+    </div>
   );
 }