document.elementFromPoint define el elemento antes o después del cual se debe insertar el elemento arrastrado. Cuando uso este método, devuelve el elemento que se está arrastrando, no el que se va a definir. ¿Por qué no sucede y cómo soluciono el error?

 evt.preventDefault(); if (!draggedEl) { return; } draggedEl.style.left = `${evt.pageX - draggedEl.offsetWidth / 2}px`; draggedEl.style.top = `${evt.pageY - draggedEl.offsetHeight / 2}px`; **const closest = document.elementFromPoint(evt.clientX, evt.clientY);** const { top } = closest.getBoundingClientRect(); if (evt.pageY > window.scrollY + top + closest.offsetHeight / 2) { // closest.style.paddingBottom = `${draggedElWidth}px`; } else { // closest.style.paddingTop = `${draggedElWidth}px`; } });

Código completo: https://github.com/tati-simonenko/ahj6/blob/master/src/js/taskWidget.js