From d4169e86c3f8a0c296f9f760062b3bc2d3c8d7d2 Mon Sep 17 00:00:00 2001
From: Mashy <himesh.kapadia@gmail.com>
Date: Mon, 4 Nov 2019 18:19:32 +1000
Subject: [PATCH] clear drag on end

---
 client/src/components/instance.constructs.jsx | 4 ++--
 client/src/components/vbox.component.jsx      | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/src/components/instance.constructs.jsx b/client/src/components/instance.constructs.jsx
index d3844294..a8cd5ff2 100644
--- a/client/src/components/instance.constructs.jsx
+++ b/client/src/components/instance.constructs.jsx
@@ -156,7 +156,7 @@ function Construct(props) {
             <label onDragStart={ev => {
                 ev.dataTransfer.setData('text', '');
                 skillClick(ev);
-            }} key={i} draggable="true">
+            }} key={i} draggable="true" onDragEnd={() => setItemUnequip([])}>
                 <button
                     key={i}
                     disabled={!skill && !equipping}
@@ -200,7 +200,7 @@ function Construct(props) {
 
 
         return (
-            <label onDragStart={specClick} key={i} draggable="true">
+            <label onDragStart={specClick} key={i} draggable="true" onDragEnd={() => setItemUnequip([])}>
                 <button
                     key={i}
                     onClick={specClick}
diff --git a/client/src/components/vbox.component.jsx b/client/src/components/vbox.component.jsx
index c90d5c3f..35afcd39 100644
--- a/client/src/components/vbox.component.jsx
+++ b/client/src/components/vbox.component.jsx
@@ -217,7 +217,9 @@ class Vbox extends preact.Component {
 
             const vboxObject = shapes[v] ? shapes[v]() : v;
             return (
-                <label draggable='true' onDragStart={ev => ev.dataTransfer.setData('text', '')}>
+                <label draggable='true' 
+                    onDragStart={ev => ev.dataTransfer.setData('text', '')}
+                    onDragEnd={clearVboxSelected}>
                     <button
                         class={classes}
                         onMouseOver={e => vboxHover(e, v)}
@@ -327,7 +329,10 @@ class Vbox extends preact.Component {
             const invObject = shapes[v] ? shapes[v]() : v;
 
             return (
-                <label draggable='true' onDragStart={ev => ev.dataTransfer.setData('text', '')}>
+                <label
+                    draggable='true'
+                    onDragStart={ev => ev.dataTransfer.setData('text', '')}
+                    onDragEnd={() => combinerChange([])}>
                     <button
                         class={classes}
                         onMouseOver={e => vboxHover(e, v)}