fix(TCMention): hide mention panel on editableBlur

* Closes #2
tomchentw · Nov 3, 2015 · 65f007b · 65f007b
1 parent 5a7be44
commit 65f007b
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -81,6 +81,7 @@ export const TCMention = MediumEditor.Extension.extend({
         this.getEditorOption(`elementsContainer`).appendChild(this.mentionPanel);
 
         this.subscribe(`editableKeydown`, ::this.handleKeydown);
+        this.subscribe(`editableBlur`, ::this.handleBlur);
         //
         // instance variables
         this.trigger = null;
@@ -157,6 +158,10 @@ Your mention implementation
         }
     },
 
+    handleBlur (event) {
+        this.hidePanel();
+    },
+
     handleTriggerKeydown (trigger, event) {
         this.trigger = trigger;
         this.triggerClassName = this.triggerClassNameMap[this.trigger];