shadcn Sheet Overlay/Content z-index 분리 함정¶
증상¶
Sheet 패널은 올바르게 표시되지만 배경 딤(Overlay)이 레거시 모달보다 아래 레이어에 깔림.
근본 원인¶
SheetOverlay와 SheetContent(SheetPrimitive.Content)가 각각 독립된 z-index를 가짐. CLI 기본값이 양쪽 모두 z-50. Content에 className으로 z-index를 올려도 Overlay는 z-50 유지.
해결¶
sheet.tsx에서 SheetOverlay의 z-50 → z-[199]로 수정 + 사용처에서 SheetContent에 className="z-[200]" 전달.
재발 방지¶
shadcn Sheet 도입 시 프로젝트에 z-50 초과 레거시 모달이 있는지 확인. 있으면 Overlay z-index 즉시 조정.
적용 커밋¶
340b7d6 (AssetManagement/Frontend)