Adjust event listeners for terminal resize event (#483)

* Fix resize issue * Formatting
learn-co · Jun 8, 2017 · 25ce168 · 25ce168
1 parent 29c7737
commit 25ce168
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/lib/terminal-view.js b/lib/terminal-view.js
@@ -33,6 +33,7 @@ class TerminalView extends View {
 
     this.attach();
     this.subscribe();
+    this.resizeAfterDrag = this.resizeAfterDrag.bind(this)
   }
 
   attach() {
@@ -61,6 +62,10 @@ class TerminalView extends View {
     this.on('mousedown', '.terminal-resize-handle', e => {
       this.resizeByDragStarted(e);
     });
+
+    this.on('mouseup', '.terminal-resize-handle', e => {
+      this.resizeByDragStopped(e);
+    });
   }
 
   sendToTerminal(data) {
@@ -187,14 +192,12 @@ class TerminalView extends View {
     this.fit()
   }
 
-  resizeByDragStarted() {
-    $(document).on('mousemove', e => this.resizeAfterDrag(e))
-    $(document).on('mouseup', () => this.resizeByDragStopped())
+  resizeByDragStarted({target}) {
+    $(document).on('mousemove', this.resizeAfterDrag)
   }
 
   resizeByDragStopped() {
-    $(document).off('mousemove', e => this.resizeAfterDrag(e))
-    $(document).off('mouseup', () => this.resizeByDragStopped())
+    $(document).off('mousemove', this.resizeAfterDrag)
   }
 
   resizeAfterDrag({pageY, which}) {