The mobile-drag-drop polyfill does not suffer from those limitations and offers additional configurable behavior. However, mobile-drag-drop does not detect Angular Tree Component drop zones because at present the dragenter event listener added by TreeDropDirective does not call $event.preventDefault()as required by mobile-drag-drop.
This PR merely calls $event.preventDefault() in TreeDropDirective.onDragEnter to allow use of mobile-drag-drop as well as DragDropTouch with Angular Tree Component.
The recommended
DragDropTouch
polyfill for mobile browsers has the limitation of disabling scrolling over draggable elements on mobile devices which also prevents dragging to drop zones beyond the visible scrolling viewport.The
mobile-drag-drop
polyfill does not suffer from those limitations and offers additional configurable behavior. However,mobile-drag-drop
does not detect Angular Tree Component drop zones because at present thedragenter
event listener added byTreeDropDirective
does not call$event.preventDefault()
as required bymobile-drag-drop
.This PR merely calls
$event.preventDefault()
inTreeDropDirective.onDragEnter
to allow use ofmobile-drag-drop
as well asDragDropTouch
with Angular Tree Component.