jstree contextmenu plugins 우클릭 안되는 현상

jstree contextmenu plugins 우클릭 안되는 현상 해결기

 

기존에 jstree 라이브러리를 통해 만든 트리를 잘 사용하던 도중 contextmenu 기능이 작동을 하지 않는 일이 발생하였다. 아무 에러 증상도 없고 찾는데 은근히 시간이 걸렸어서 혹시나 같은 고충을 겪고 있는 사람을 위해 해당 경험을 남겨둔다. 

 

먼저 크롬 디버거를 통해 확인해본 결과 어떤 에러 사항도 나타나지 않는다. 그 다음으로는 해당 부분만 따로 빼서 기능을 작동해봤더니 이번엔 잘된다. 트리 부분에 관련된 로직에서는 문제가 없는 것을 확인했고 다음으로 연관이 있는 부분은 모달창 관련 스크립트였다. 일단 모달창 관련 스크립트를 지우니 동적으로 모달창 크기를 세팅해주던 기능이 사라져 모달창이 아주 작아졌다. 

 

그 상태에서 우클릭을 하니 모달창 뒤로 컨텍스트 메뉴가 나타났다..

 

자.. 이제 결론을 말하자면 컨텍스트 메뉴가 안나왔던 이유는 안나온게 아니라 CSS에 z-index 설정값 때문에 모달창이 contextmenu의 z-index값보다 커서 모달창 뒤에 가려서 안보인 것이었다.

 

혹여나 로직상에 문제가 없는 것을 확인하였는데도 나오지 않는다면 CSS에 z-index 속성값을 확인해보길 바란다.