드래그 앤 드롭 이벤트 onDragOver onDragLeave 반복 깜빡거림 문제 해결

선요약

문제

=> 드래그 중 자식 요소를 지나갈 때 onDragOver onDragLeave 이벤트가 반복 발생하는 문제

 

해결방법

=> 자식 요소의 마우스 이벤트를 막기 

{
pointer-events: none;
}

---

Icon과 Span 영역을 지나갈 때 드래그가 일순 Leave되었다가 다시 Over 되는 문제가 발생
자식 요소를 마우스 인식하지 못하도록 하면 해결되지 않을까?
라는 생각으로 css에 마우스 이벤트를 막아 본 결과 해결 되었음

{
pointer-events: none;
}