fix: 드롭다운 컴포넌트 더블 클릭시 빈 메뉴가 생기는 현상 수정

[cccwon2]

주요 변경사항

1. FilterDropdown

• handleSelect 함수에서 null 체크 추가
• 버튼 클릭 이벤트에 preventDefault 추가
• 외부 클릭 시 드롭다운만 닫히도록 수정

2. DropdownList

• DropdownItem의 클릭 핸들러에 stopPropagation 추가
• 이벤트 전파 방지 로직 강화

3. InputDropdown

• handleInputClick 함수 추가
• input의 onClick 이벤트에 handleInputClick 연결
• 이벤트 전파 방지와 함께 드롭다운 직접 열기

4. TimePickerInput

• seCallback 추가하여 함수 메모이제이션
• cn 유틸리티 추가 및 사용
• readOnly={true}를 readOnly로 단순화
• 불필요한 !important 제거
• 이벤트 핸들러 의존성 배열 추가
• 클래스네임 문자열 정리

5. useDropdownOpen

• Dispatch와 SetStateAction 타입 import 추가
• setIsOpen 호출 시 함수형 업데이트 사용
• 타입 명시적 지정 (prev: boolean)

6. SearchSection

• pathname 추가 및 연동

수정 후 해결된 문제

1. 더블 클릭 시 빈 메뉴가 생기는 현상이 해결됨
2. 이벤트 전파가 적절히 제어됨
3. 드롭다운이 더 안정적으로 동작함

[github-actions]

💄 Storybook: https://673dcf13c9a3a1189a7c6fd4-bsmvzdlrry.chromatic.com/ # Chromatic에서 생성된 Storybook URL
🕖 Update: 2024년 12월 14일 21시 14분 12초 # 현재 시간

[hongggyelim]

수고하셨습니다 👍

[yyezzzy]

금방 수정해주셨군여 👍