@@ -13,7 +13,12 @@ interface VersionDropdownProps {
1313 setToggle : React . Dispatch < React . SetStateAction < boolean > > ;
1414}
1515
16- const VersionDropdown = ( { item, osVersion, toggle, setToggle } : VersionDropdownProps ) => {
16+ const VersionDropdown = ( {
17+ item,
18+ osVersion,
19+ toggle,
20+ setToggle,
21+ } : VersionDropdownProps ) => {
1722 const currentRef = useRef < HTMLDivElement > ( null ) ;
1823 const { isOutside } = useOutsideClick ( { ref : currentRef } ) ;
1924
@@ -24,7 +29,10 @@ const VersionDropdown = ({ item, osVersion, toggle, setToggle }: VersionDropdown
2429 } , [ isOutside , setToggle ] ) ;
2530
2631 return (
27- < div className = "flex items-center justify-center w-full h-full relative" ref = { currentRef } >
32+ < div
33+ className = "flex items-center justify-center w-full h-full relative"
34+ ref = { currentRef }
35+ >
2836 < button
2937 className = "absolute w-full h-full bg-transparent cursor-pointer z-10"
3038 onClick = { ( ) => {
@@ -34,7 +42,7 @@ const VersionDropdown = ({ item, osVersion, toggle, setToggle }: VersionDropdown
3442 < p className = "typo-pr-r-14 text-text1" > { osVersion || "버전 선택" } </ p >
3543 < img className = { `${ toggle && "rotate-180" } ` } src = { ic_arrow_down } alt = "" />
3644 { toggle && (
37- < div className = "absolute top-[40px] left-0 bg-white w-[252px] h-[240px] border-[1px] border-line rounded-[10px] overflow-y-scroll" >
45+ < div className = "absolute absolute top-full left-0 mt-2 bg-white w-[252px] h-[240px] border-[1px] border-line rounded-[10px] overflow-y-scroll z-[50] " >
3846 { item . version . map ( ( versionObj , index ) => {
3947 return (
4048 < VersionDropdownItem
0 commit comments