[트러블슈팅] MDEditor에서 shadcn Popover 캘린더 클릭 불가 이슈 해결

요약

달력 클릭이 안 되던 원인: 아래 마크다운 에디터가 포인터 이벤트를 가로채는 문제

 

z-index로 해결하고자 했지만 해결이 되지 않음

 

Calendar 내 Popover에 modal 속성 추가하여 해결

 : shadcn + Radix의 modal은 바깥 영역의 포인터 이벤트를 막아줘서 에디터가 더 이상 클릭을 못 훔쳐가게 해준다고 한다.

  <Popover open={open} onOpenChange={setOpen} modal>

 

 

원인 생각해보기

 

• 에디터가 더 높은 레이어에 있거나 자체적으로 포인터 이벤트를 먹음 → Popover 위에 보이지만 실제 클릭 타깃은 에디터
• Radix Popover는 기본 비모달. 포커스/포인터가 바깥으로 빠질 수 있다