From 5877f3d0f17ba6f131337fa883da67895bf59ca0 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Wed, 28 Aug 2019 16:14:53 +0200 Subject: [PATCH] Fix dragover class flickering issue --- api/js/Resumable/resumable.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/api/js/Resumable/resumable.js b/api/js/Resumable/resumable.js index 27aebf9835..f46bd6e752 100644 --- a/api/js/Resumable/resumable.js +++ b/api/js/Resumable/resumable.js @@ -231,8 +231,9 @@ loadFiles(e.dataTransfer.files, e); } }; + var counterDrag = 0; var onDragLeave = function(e){ - e.currentTarget.classList.remove($.getOpt('dragOverClass')); + if (--counterDrag == 0) e.currentTarget.classList.remove($.getOpt('dragOverClass')); }; var onDragOverEnter = function(e) { e.preventDefault(); @@ -241,7 +242,7 @@ e.stopPropagation(); dt.dropEffect = "copy"; dt.effectAllowed = "copy"; - e.currentTarget.classList.add($.getOpt('dragOverClass')); + if (e.type == 'dragenter' && counterDrag++ === 0) e.currentTarget.classList.add($.getOpt('dragOverClass')); } else { // not work on IE/Edge.... dt.dropEffect = "none"; dt.effectAllowed = "none";