From d13e29c685d8a4b8803c381df979e9563a7949c2 Mon Sep 17 00:00:00 2001 From: Marcel Klehr Date: Sun, 27 Feb 2022 14:43:16 +0100 Subject: [PATCH] [UI] drop-target directive: Correctly remove --available class Signed-off-by: Marcel Klehr --- src/directives/drop-target.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/directives/drop-target.js b/src/directives/drop-target.js index b2cb182d..e537d7cb 100644 --- a/src/directives/drop-target.js +++ b/src/directives/drop-target.js @@ -43,6 +43,12 @@ export default { el.classList.remove('dropTarget--available') }) }) + window.document.body.addEventListener('dragend', (e) => { + const targets = document.querySelectorAll('.dropTarget--available') + targets.forEach(el => { + el.classList.remove('dropTarget--available') + }) + }) window.document.body.addEventListener('dragstart', (e) => { if (allowDrop(e)) { el.classList.add('dropTarget--available')