RSS Feed/News Nestable touch drag offset is incorrect on scrolled pages

[ENXF NET]

Nestable.js dragStart() mixes document-relative pageX/pageY with viewport-relative getBoundingClientRect().

On touch devices scrolling offsets the dragged item away from the finger

Suggested fix - use coordinates from the same coordinate system:

Diff:

diff --git a/js/xf/nestable.js b/js/xf/nestable.js
--- a/js/xf/nestable.js
+++ b/js/xf/nestable.js
@@ -428,8 +428,9 @@

this.placeEl.style.height = `${ dragItem.offsetHeight }px`

-			const offsetX = e.offsetX !== undefined ...

Read more

Continue reading...