Cancel dragging, when leaving jstree parent div

[Othnus]

I'm trying to implement, that if the cursor leaves the parent element of jstree while dragging, the dragging automatically stops. I've bumped into the issue, that the event, being passed into the function has no mouse pointer tracking aka clientX, pageX, and offsetX are all undefined, same with Y. Is there any workaround?
ATM trying the $(document).bind("dnd_move.vakata", function(event, data) {} approach.

[Othnus]

Foun a solution, but not sure how much applicable it is, since the dnd cancelation is privately defined in the project I am working ATM. But this might help someone to nudge in the correct direction. I found that most examples handled this problem through event parameters, but in my case, event parameters were mostly not defined and everything was focused through data.

$(document).on("dnd_move.vakata.jstree", function(e, data) {
// Get the mouse position
var mouseX = data.event.pageX;
var mouseY = data.event.pageY;

		// Get the dimensions and position of the *DIV NAME, WHERE YOUR JSTREE IS LOCATED* element
		var container = $('div[data-class-id="*DIV NAME, WHERE YOUR JSTREE IS LOCATED*"]');
		var containerTop = container.offset();
		var containerLeft = container.offset().left;
		var containerBottom = containerTop + container.outerHeight();
		var containerRight = containerLeft + container.outerWidth();
	  
		// Check if the mouse position is outside the container
		if (mouseX < containerLeft || mouseX > containerRight || mouseY < containerTop || mouseY > containerBottom) {
		  // Cancel the drag and drop
		  $.vakata.dnd._clean();
		}
	  });