From 0d329ac18ae33f379b63c507d535ec13571a3f99 Mon Sep 17 00:00:00 2001
From: garrettmills <shout@garrettmills.dev>
Date: Fri, 16 Oct 2020 12:23:34 -0500
Subject: [PATCH] On escape, hide WYSIWYG toolbar

---
 src/app/components/nodes/norm/norm.component.html | 3 +--
 src/app/components/nodes/norm/norm.component.ts   | 3 ++-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/nodes/norm/norm.component.html b/src/app/components/nodes/norm/norm.component.html
index facbac2..e0bba84 100644
--- a/src/app/components/nodes/norm/norm.component.html
+++ b/src/app/components/nodes/norm/norm.component.html
@@ -1,6 +1,5 @@
 <div class="container"
-     (focusin)="onFocusIn($event)"
-     (focusout)="onFocusIn($event)">
+     (focusin)="onFocusIn($event)">
     <div class="toolbar-base" *ngIf="isFocused">
         <button class="toolbar-button" title="Bold" (click)="documentCommand('bold')">
             <i class="icon fa fa-bold"></i>
diff --git a/src/app/components/nodes/norm/norm.component.ts b/src/app/components/nodes/norm/norm.component.ts
index 399b96d..bf6f590 100644
--- a/src/app/components/nodes/norm/norm.component.ts
+++ b/src/app/components/nodes/norm/norm.component.ts
@@ -53,7 +53,8 @@ export class NormComponent extends EditorNodeContract implements OnInit {
         this.isFocused = true;
     }
 
-    onFocusOut(event: MouseEvent) {
+    @HostListener('document:keyup.escape', ['$event'])
+    onFocusOut(event) {
         this.isFocused = false;
     }