cancel brief removal of the dragover class when the event target changes

tristan · tristan · commit 2a9ae36999cc · 2014-02-12T15:55:54.000+01:00
diff --git a/demo/war/js/angular-file-upload.js b/demo/war/js/angular-file-upload.js
@@ -150,14 +150,18 @@ angularFileUpload.directive('ngFileDropAvailable', [ '$parse', '$http', '$timeou
 angularFileUpload.directive('ngFileDrop', [ '$parse', '$http', '$timeout', function($parse, $http, $timeout) {
 	return function(scope, elem, attr) {
 		if ('draggable' in document.createElement('span')) {
+			var cancel = null;
 			var fn = $parse(attr['ngFileDrop']);
 			elem[0].addEventListener("dragover", function(evt) {
+				$timeout.cancel(cancel);
 				evt.stopPropagation();
 				evt.preventDefault();
 				elem.addClass(attr['ngFileDragOverClass'] || "dragover");
 			}, false);
 			elem[0].addEventListener("dragleave", function(evt) {
-				elem.removeClass(attr['ngFileDragOverClass'] || "dragover");
+				cancel = $timeout(function() {
+					elem.removeClass(attr['ngFileDragOverClass'] || "dragover");
+				});
 			}, false);
 			elem[0].addEventListener("drop", function(evt) {
 				evt.stopPropagation();
diff --git a/dist/angular-file-upload.js b/dist/angular-file-upload.js
@@ -150,14 +150,18 @@ angularFileUpload.directive('ngFileDropAvailable', [ '$parse', '$http', '$timeou
 angularFileUpload.directive('ngFileDrop', [ '$parse', '$http', '$timeout', function($parse, $http, $timeout) {
 	return function(scope, elem, attr) {
 		if ('draggable' in document.createElement('span')) {
+			var cancel = null;
 			var fn = $parse(attr['ngFileDrop']);
 			elem[0].addEventListener("dragover", function(evt) {
+				$timeout.cancel(cancel);
 				evt.stopPropagation();
 				evt.preventDefault();
 				elem.addClass(attr['ngFileDragOverClass'] || "dragover");
 			}, false);
 			elem[0].addEventListener("dragleave", function(evt) {
-				elem.removeClass(attr['ngFileDragOverClass'] || "dragover");
+				cancel = $timeout(function() {
+					elem.removeClass(attr['ngFileDragOverClass'] || "dragover");
+				});
 			}, false);
 			elem[0].addEventListener("drop", function(evt) {
 				evt.stopPropagation();
diff --git a/dist/angular-file-upload.min.js b/dist/angular-file-upload.min.js
