From 91abc1152b874e4989ab34cf819f4a7da79a2d57 Mon Sep 17 00:00:00 2001 From: ram33 Date: Sat, 11 May 2019 13:43:33 +0530 Subject: [PATCH] Prevent scrolling when drag is active --- src/components/DraggableTreeNode.vue | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/DraggableTreeNode.vue b/src/components/DraggableTreeNode.vue index 15a3a70..e5efba8 100644 --- a/src/components/DraggableTreeNode.vue +++ b/src/components/DraggableTreeNode.vue @@ -16,9 +16,16 @@ export default { return } const {dplh} = this.store + const triggerEl = this.store.getTriggerEl ? this.store.getTriggerEl(this) : this.$el.querySelector('.tree-node-inner') + const preventDefault = (e) => { + e = e || window.event; + if (e.preventDefault) e.preventDefault(); + e.returnValue = false; + } + triggerEl.addEventListener('touchstart', preventDefault); + triggerEl.addEventListener('touchmove', preventDefault); this.$watch('store.draggable', (draggable) => { if (vf.isPropTrue(draggable)) { - const triggerEl = this.store.getTriggerEl ? this.store.getTriggerEl(this) : this.$el.querySelector('.tree-node-inner') this._draggableDestroy = draggableHelper(triggerEl, { preventSelect: vf.isPropTrue(this.store.preventSelect), // trigger el