[DESIGN] 픽 생성시 zIndex 추가 (#570)

Kernel360 · Nov 22, 2024 · b9c8b62 · b9c8b62
1 parent 7542636
commit b9c8b62
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/frontend/techpick/src/components/CreatePickForm/FolderSelect.css.ts b/frontend/techpick/src/components/CreatePickForm/FolderSelect.css.ts
@@ -46,6 +46,10 @@ export const folderSelectContentStyle = style({
   },
 });
 
+export const folderSelectViewport = style({
+  zIndex: '500',
+});
+
 export const selectItemStyle = style({
   display: 'flex',
   alignItems: 'center',

diff --git a/frontend/techpick/src/components/CreatePickForm/FolderSelect.tsx b/frontend/techpick/src/components/CreatePickForm/FolderSelect.tsx
@@ -16,6 +16,7 @@ import {
   folderSelectContentStyle,
   selectItemStyle,
   selectTextStyle,
+  folderSelectViewport,
 } from './FolderSelect.css';
 import { FolderType } from '@/types';
 
@@ -69,7 +70,9 @@ export const FolderSelect = forwardRef<HTMLButtonElement, FolderSelectProps>(
         </Select.Trigger>
 
         <Select.Portal container={portalContainerElement}>
-          <Select.Content className={folderSelectContentStyle}>
+          <Select.Content
+            className={`${folderSelectContentStyle} ${folderSelectViewport}`}
+          >
             <Select.Viewport>
               {folderInfoList.map((folderInfo) => (
                 <Select.Item