modify classes only on real focus #24

index.html

@@ -38,7 +38,13 @@
   <script type="text/javascript">
     $(function(){
       $('.demo-noninputable').pastableNonInputable();
-      $('.demo-textarea').pastableTextarea();
+      $('.demo-textarea').on('focus', function(){
+        var isFocused = $(this).hasClass('pastable-focus');
+        console && console.log('[textarea] focus event fired! ' + (isFocused ? 'fake onfocus' : 'real onfocus'));
+      }).pastableTextarea().on('blur', function(){
+        var isFocused = $(this).hasClass('pastable-focus');
+        console && console.log('[textarea] blur event fired! ' + (isFocused ? 'fake onblur' : 'real onblur'));
+      });
       $('.demo-contenteditable').pastableContenteditable();
       $('.demo').on('pasteImage', function(ev, data){
         var blobUrl = URL.createObjectURL(data.blob);

paste.coffee

@@ -80,17 +80,23 @@ class Paste
       ctlDown = true if ev.keyCode in [17, 224]
       ctlDown = ev.ctrlKey || ev.metaKey if ev.ctrlKey? && ev.metaKey?
       if ctlDown && ev.keyCode == 86
+        paste._textarea_focus_stolen = true
         paste._container.focus()
         paste._paste_event_fired = false
         setTimeout =>
-          $(textarea).focus() unless paste._paste_event_fired
+          unless paste._paste_event_fired
+            $(textarea).focus()
+            paste._textarea_focus_stolen = false
         , 1
       null
     $(textarea).on 'paste', =>
-    $(textarea).on 'focus', => $(textarea).addClass 'pastable-focus'
-    $(textarea).on 'blur', => $(textarea).removeClass 'pastable-focus'
+    $(textarea).on 'focus', => 
+      $(textarea).addClass 'pastable-focus' unless paste._textarea_focus_stolen
+    $(textarea).on 'blur', => 
+      $(textarea).removeClass 'pastable-focus' unless paste._textarea_focus_stolen
     $(paste._target).on '_pasteCheckContainerDone', => 
       $(textarea).focus()
+      paste._textarea_focus_stolen = false
     $(paste._target).on 'pasteText', (ev, data)=>
       curStart = $(textarea).prop('selectionStart')
       curEnd = $(textarea).prop('selectionEnd')
@@ -99,7 +105,6 @@ class Paste
       $(textarea)[0].setSelectionRange curStart + data.text.length, curStart + data.text.length
       $(textarea).trigger 'change'
 
-
   @mountContenteditable: (contenteditable)->
     paste = new Paste contenteditable, contenteditable