From 4ecc734659a87ed98067be6a3fad581ca9caa35e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=BCnay=20Mert=20Karado=C4=9Fan?=
 <mertkaradogan@gmail.com>
Date: Thu, 16 Jan 2020 16:27:18 +0000
Subject: [PATCH] Fix #360 prevent creating invisibly small elements (#387)

---
 src/index.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/index.tsx b/src/index.tsx
index ef9dc52b..99fbae9e 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -982,6 +982,21 @@ export class App extends React.Component<{}, AppState> {
               window.removeEventListener("mousemove", onMouseMove);
               window.removeEventListener("mouseup", onMouseUp);
 
+              if (
+                elementType !== "selection" &&
+                draggingElement &&
+                draggingElement.width === 0 &&
+                draggingElement.height === 0
+              ) {
+                // remove invisible element which was added in onMouseDown
+                elements = elements.slice(0, -1);
+                this.setState({
+                  draggingElement: null
+                });
+                this.forceUpdate();
+                return;
+              }
+
               resetCursor();
 
               // If click occured on already selected element