콘텐츠로 이동

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-50z-[199]로 수정 + 사용처에서 SheetContent에 className="z-[200]" 전달.

재발 방지

shadcn Sheet 도입 시 프로젝트에 z-50 초과 레거시 모달이 있는지 확인. 있으면 Overlay z-index 즉시 조정.

적용 커밋

340b7d6 (AssetManagement/Frontend)