Adds new mechanic for clearing selection

src/editor/js/components/editor.tsx

@@ -177,6 +177,13 @@ export class Editor extends React.PureComponent<propTypes, stateTypes> {
             return;
         }
 
+        // Just deselect if shift key is pressed
+        if (this.state.keys["Shift"]) {
+            this.selectNode(undefined);
+            return;
+        }
+
+        // Add new node
         const newNode = new Node();
 
         newNode.label = "Unnamed";
@@ -479,6 +486,7 @@ export class Editor extends React.PureComponent<propTypes, stateTypes> {
                         <hr />
                         <ul className="instructions">
                             <li>Click background to create node</li>
+                            <li>SHIFT+Click background to clear selection</li>
                             <li>Click node to select and edit</li>
                             <li>CTRL+Click node to delete</li>
                             <li>CTRL+Click link to delete</li>
@@ -491,7 +499,7 @@ export class Editor extends React.PureComponent<propTypes, stateTypes> {
                                 ""
                             )}
                             <li>DELETE to delete selected node</li>
-                            <li>ESCAPE to unselect</li>
+                            <li>ESCAPE to clear selection</li>
                         </ul>
                         <hr />
                         <NodeDetails