2.0 KiB

Raw Blame History

[체크리스트] V2Select 다중 선택 드롭다운 - 선택 항목 표시 개선

관련 문서: 계획서 | 맥락노트

공정 상태

전체 진행률: 100% (완료)
현재 단계: 전체 완료

구현 체크리스트

1단계: 코드 수정

V2Select.tsx에 Tooltip 관련 import 추가
DropdownSelect 내부에 textRef, isTruncated 상태 추가
useEffect로 scrollWidth > clientWidth 감지 로직 추가
표시 텍스트를 selectedLabels.join(", ")로 변경
isTruncated && multiple 조건으로 Tooltip 래핑
툴팁 내용을 세로 나열 (space-y-0.5)로 구성
delayDuration={0} 설정
Radix Tooltip → 커스텀 호버 툴팁으로 변경 (onMouseEnter/onMouseLeave + 절대 위치 div)
선택 항목 표시 순서를 드롭다운 옵션 순서 기준으로 변경

2단계: 검증

단일 선택 모드: 기존 동작 변화 없음 확인
다중 선택 1개: 라벨 정상 표시, 툴팁 없음
다중 선택 3개 (필드 내 수용): 쉼표 나열 표시, 툴팁 없음
다중 선택 5개+ (필드 넘침): 말줄임 표시, 호버 시 툴팁 세로 나열
품목정보 수정 모달에서 동작 확인
다른 화면의 다중 선택 드롭다운에서도 동작 확인

3단계: 정리

린트 에러 없음 확인
이 체크리스트 완료 표시 업데이트

변경 이력

날짜	내용
2026-03-04	설계 문서 작성 완료
2026-03-04	맥락노트, 체크리스트 작성 완료
2026-03-04	파일명 MST 접두사 적용
2026-03-04	1단계 코드 수정 완료 (V2Select.tsx)
2026-03-04	Radix Tooltip이 Popover와 충돌 → 커스텀 호버 툴팁으로 변경
2026-03-04	사용자 검증 완료, 전체 작업 완료
2026-03-04	선택 항목 표시 순서를 옵션 순서 기준으로 변경