Browse Source

Clear active tool on escape (#286)

* Clear active tool on escape

* Remove console log
Giovanni Giordano 5 years ago
parent
commit
1541428ab1
1 changed files with 9 additions and 3 deletions
  1. 9 3
      src/index.tsx

+ 9 - 3
src/index.tsx

@@ -167,13 +167,19 @@ export class App extends React.Component<{}, AppState> {
   };
 
   private onKeyDown = (event: KeyboardEvent) => {
-    if (isInputLike(event.target)) return;
-
     if (event.key === KEYS.ESCAPE) {
       elements = clearSelection(elements);
       this.forceUpdate();
+      this.setState({ elementType: 'selection' });
+      if (window.document.activeElement instanceof HTMLElement) {
+        window.document.activeElement.blur()
+      }
       event.preventDefault();
-    } else if (event.key === KEYS.BACKSPACE || event.key === KEYS.DELETE) {
+      return;
+    }
+    if (isInputLike(event.target)) return;
+
+    if (event.key === KEYS.BACKSPACE || event.key === KEYS.DELETE) {
       this.deleteSelectedElements();
       event.preventDefault();
     } else if (isArrowKey(event.key)) {