Editable - Add paste event handling/dispatching

1 files changed, 11 insertions, 3 deletions

diff --git a/js/components/editable.reel/editable.js b/js/components/editable.reel/editable.js
index 1ebe33f1..f2cf0e5d 100644
--- a/js/components/editable.reel/editable.js
+++ b/js/components/editable.reel/editable.js
@@ -39,7 +39,9 @@ exports.Editable = Montage.create(Component, {
             this._element = el;
             this._element.addEventListener('keydown', this, false);
             this._element.addEventListener('input', this, false);
-            
+            this._element.addEventListener('paste', this, false);
+
+
             if(this.startOnEvent) {
                 this._element.addEventListener(this.startOnEvent, this, false);
             }
@@ -136,7 +138,9 @@ exports.Editable = Montage.create(Component, {
             this._element.classList.remove(this.editingClass);
             
             this._sendEvent('stop', eventData);
-            
+
+            document.removeEventListener('mousedown', this, false);
+
             ///// if value is different than pre-edit val, call onchange method
             if(this._preEditValue !== this.value) {
                 this._sendEvent('change');
@@ -179,7 +183,6 @@ exports.Editable = Montage.create(Component, {
                 this.accept();
             }
             this.stop(eventData);
-            document.removeEventListener('mousedown', this, false);
             this._sendEvent('blur');
         }
     },
@@ -214,6 +217,11 @@ exports.Editable = Montage.create(Component, {
             }
         }
     },
+    handlePaste : {
+        value: function(e) {
+            this._sendEvent('paste', e);
+        }
+    },
     handleEvent : {
         value : function(e) {
             console.log("event type : " + e._event.type);