fix: Select absolute/relative 관계 설정 수정

Author: keemsebin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ddingdong-design-system",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "type": "module",
   "keywords": [
     "react",

src/shared/ui/Select/OptionList.tsx

@@ -5,12 +5,12 @@ import { cn } from '@/shared/lib/core';
 import { useSelectContext } from './Select.context';
 
 const optionListVariants = cva(
-  'relative z-50 mt-1 max-h-60 w-full overflow-y-auto rounded-md border border-gray-200 bg-white font-semibold text-gray-400 shadow-lg',
+  'absolute z-50 mt-1 max-h-60 w-full overflow-y-auto rounded-md border border-gray-200 bg-white font-semibold text-gray-400 shadow-lg',
   {
     variants: {
       size: {
         md: 'text-sm min-w-24',
-        lg: 'md:text-lg',
+        lg: 'md:text-lg min-w-64',
       },
     },
     defaultVariants: {

src/shared/ui/Select/SelectMain.tsx

@@ -44,13 +44,15 @@ export function SelectMain({ value, onChange, size = 'lg', defaultValue, childre
         size: size,
       }}
     >
-      <SelectButton
-        selected={value || defaultValue}
-        onClick={() => setIsOpen(!isOpen)}
-        size={size}
-        isOpen={isOpen}
-      />
-      {isOpen && <OptionList>{children}</OptionList>}
+      <div className="relative w-full">
+        <SelectButton
+          selected={value || defaultValue}
+          onClick={() => setIsOpen(!isOpen)}
+          size={size}
+          isOpen={isOpen}
+        />
+        {isOpen && <OptionList>{children}</OptionList>}
+      </div>
     </SelectContext.Provider>
   );
 }