Files
GhiVideo_v4/docs/history/2026-06-24_1213_폴더선택불가-회귀수정.md
b23042andClaude Fable 5 d38b842e8d GhiVideo 소스 복제 — v4 작업 시작 기준
기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제.
(node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-09 14:32:51 +09:00

1.3 KiB

폴더 선택 불가 회귀 수정 — 영상 준비 전 캔버스 입력 비활성

날짜: 2026-06-24 수정 파일: client/src/components/overlay/StationOverlay.tsx 원인 도입: 2026-06-24_1212_라벨팝업-다중-추적-클릭동작.md

증상

폴더 선택이 안 되어 시작 불가.

원인 (회귀)

직전 작업에서 오버레이 캔버스를 항상 pointer-events:auto 로 변경(영상이 클릭을 처리 안 해 캔버스가 전담하도록). 그런데 영상이 없을 때 표시되는 폴더 선택/드롭 안내 UI(z-auto)를 캔버스(z-20)가 덮어 클릭을 가로채서, 폴더 선택 버튼이 안 눌림.

조치

캔버스 입력 토글 effect에 영상 준비 게이트 추가:

if (!videoReady) { canvas.style.pointerEvents = 'none'; return; }  // 폴더 선택/드롭 통과
  • 영상 없음/로딩 중(videoReady=false) → 캔버스 입력 off → 하위 폴더 선택 UI 정상 클릭.
  • 영상 준비 후(videoReady=true) → 캔버스 auto → 라벨 팝업/빈클릭 재생토글 등 정상.
  • effect 의존성에 videoReady 추가.

검증

  • npm run build -w client (node20) tsc + vite build 통과.

소요 시간: 약 4분 Context 사용량: input ~490k / output ~3k tokens