diff --git a/angular-drag-and-drop-lists.js b/angular-drag-and-drop-lists.js index 8a07ce3..e97a015 100644 --- a/angular-drag-and-drop-lists.js +++ b/angular-drag-and-drop-lists.js @@ -133,7 +133,10 @@ // Try setting a proper drag image if triggered on a dnd-handle (won't work in IE). if (event._dndHandle && event.dataTransfer.setDragImage) { - event.dataTransfer.setDragImage(element[0], 0, 0); + var elHandle = element[0].querySelectorAll('[dnd-handle]')[0]; + var offX = (elHandle ? elHandle.offsetLeft : 0) + event.offsetX; + var offY = (elHandle ? elHandle.offsetHeight : 0) + event.offsetY; + event.dataTransfer.setDragImage(element[0], offX, offY); } // Invoke dragstart callback and prepare extra callback for dropzone. diff --git a/angular-drag-and-drop-lists.min.js b/angular-drag-and-drop-lists.min.js index 0d957a6..645c12e 100644 --- a/angular-drag-and-drop-lists.min.js +++ b/angular-drag-and-drop-lists.min.js @@ -7,43 +7,4 @@ * * License: MIT */ -!function(e){function n(e,n){return"all"==n?e:e.filter(function(e){return-1!=n.toLowerCase().indexOf(e)})}var a="application/x-dnd",r="application/json",t="Text",d=["move","copy","link"] -e.directive("dndDraggable",["$parse","$timeout",function(e,i){return function(l,f,c){f.attr("draggable","true"),c.dndDisableIf&&l.$watch(c.dndDisableIf,function(e){f.attr("draggable",!e)}),f.on("dragstart",function(s){if(s=s.originalEvent||s,"false"==f.attr("draggable"))return!0 -o.isDragging=!0,o.itemType=c.dndType&&l.$eval(c.dndType).toLowerCase(),o.dropEffect="none",o.effectAllowed=c.dndEffectAllowed||d[0],s.dataTransfer.effectAllowed=o.effectAllowed -var g=l.$eval(c.dndDraggable),u=a+(o.itemType?"-"+o.itemType:"") -try{s.dataTransfer.setData(u,angular.toJson(g))}catch(p){var v=angular.toJson({item:g,type:o.itemType}) -try{s.dataTransfer.setData(r,v)}catch(p){var D=n(d,o.effectAllowed) -s.dataTransfer.effectAllowed=D[0],s.dataTransfer.setData(t,v)}}if(f.addClass("dndDragging"),i(function(){f.addClass("dndDraggingSource")},0),s._dndHandle&&s.dataTransfer.setDragImage&&s.dataTransfer.setDragImage(f[0],0,0),e(c.dndDragstart)(l,{event:s}),c.dndCallback){var y=e(c.dndCallback) -o.callback=function(e){return y(l,e||{})}}s.stopPropagation()}),f.on("dragend",function(n){n=n.originalEvent||n,l.$apply(function(){var a=o.dropEffect,r={copy:"dndCopied",link:"dndLinked",move:"dndMoved",none:"dndCanceled"} -e(c[r[a]])(l,{event:n}),e(c.dndDragend)(l,{event:n,dropEffect:a})}),o.isDragging=!1,o.callback=void 0,f.removeClass("dndDragging"),f.removeClass("dndDraggingSource"),n.stopPropagation(),i(function(){f.removeClass("dndDraggingSource")},0)}),f.on("click",function(n){c.dndSelected&&(n=n.originalEvent||n,l.$apply(function(){e(c.dndSelected)(l,{event:n})}),n.stopPropagation())}),f.on("selectstart",function(){this.dragDrop&&this.dragDrop()})}}]),e.directive("dndList",["$parse",function(e){return function(i,l,f){function c(e){if(!e)return t -for(var n=0;n")}var T=y() -T.remove() -var h=T[0],m=l[0],E={} -l.on("dragenter",function(e){e=e.originalEvent||e -var n=f.dndAllowedTypes&&i.$eval(f.dndAllowedTypes) -E={allowedTypes:angular.isArray(n)&&n.join("|").toLowerCase().split("|"),disabled:f.dndDisableIf&&i.$eval(f.dndDisableIf),externalSources:f.dndExternalSources&&i.$eval(f.dndExternalSources),horizontal:f.dndHorizontalList&&i.$eval(f.dndHorizontalList)} -var a=c(e.dataTransfer.types) -return a&&g(s(a))?void e.preventDefault():!0}),l.on("dragover",function(e){e=e.originalEvent||e -var n=c(e.dataTransfer.types),a=s(n) -if(!n||!g(a))return!0 -if(h.parentNode!=m&&l.append(T),e.target!=m){for(var r=e.target;r.parentNode!=m&&r.parentNode;)r=r.parentNode -if(r.parentNode==m&&r!=h){var d=r.getBoundingClientRect() -if(E.horizontal)var o=e.clientX")}var T=y();T.remove();var h=T[0],m=l[0],E={};l.on("dragenter",function(e){e=e.originalEvent||e;var n=f.dndAllowedTypes&&i.$eval(f.dndAllowedTypes);E={allowedTypes:angular.isArray(n)&&n.join("|").toLowerCase().split("|"),disabled:f.dndDisableIf&&i.$eval(f.dndDisableIf),externalSources:f.dndExternalSources&&i.$eval(f.dndExternalSources),horizontal:f.dndHorizontalList&&i.$eval(f.dndHorizontalList)};var a=c(e.dataTransfer.types);return a&&g(s(a))?void e.preventDefault():!0}),l.on("dragover",function(e){e=e.originalEvent||e;var n=c(e.dataTransfer.types),a=s(n);if(!n||!g(a))return!0;if(h.parentNode!=m&&l.append(T),e.target!=m){for(var t=e.target;t.parentNode!=m&&t.parentNode;)t=t.parentNode;if(t.parentNode==m&&t!=h){var d=t.getBoundingClientRect();if(E.horizontal)var o=e.clientX