fix: bottomsheetselect를 portal로 렌더링 (#1722)

sopt-makers · Jan 14, 2025 · 324cff2 · 324cff2
1 parent adb1f76
commit 324cff2
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/coffeechat/upload/CoffeechatForm/BottomSheetSelect/index.tsx b/src/components/coffeechat/upload/CoffeechatForm/BottomSheetSelect/index.tsx
@@ -5,6 +5,7 @@ import { IconCheck, IconChevronDown } from '@sopt-makers/icons';
 import { Button } from '@sopt-makers/ui';
 import { ReactNode, useEffect, useState } from 'react';
 
+import Portal from '@/components/common/Portal';
 import { zIndex } from '@/styles/zIndex';
 
 interface Option {
@@ -82,7 +83,7 @@ const BottomSheetSelect = ({
       </InputField>
 
       {open && (
-        <>
+        <Portal portalId='bottomsheet'>
           <Overlay onClick={handleClose} />
           <BottomSheet>
             <OptionList>
@@ -103,7 +104,7 @@ const BottomSheetSelect = ({
               확인
             </Button>
           </BottomSheet>
-        </>
+        </Portal>
       )}
     </Container>
   );