Lose focus on any active element when dragging, resizing or opening settings

[MAILPOET-1811]

assets/js/src/newsletter_editor/behaviors/DraggableBehavior.js

@@ -86,6 +86,7 @@ BL.DraggableBehavior = Marionette.Behavior.extend({
             that.view.$el.addClass('mailpoet_hidden');
           }
           App.getChannel().trigger('dragStart');
+          document.activeElement.blur();
         }
       },
       // call this function on every dragmove event

assets/js/src/newsletter_editor/behaviors/ResizableBehavior.js

@@ -48,6 +48,7 @@ BL.ResizableBehavior = Marionette.Behavior.extend({
     })
       .on('resizestart', function resizestart() {
         that.view.model.trigger('startResizing');
+        document.activeElement.blur();
       }).on('resizemove', function resizemove(event) {
         var onResize = that.options.onResize.bind(that);
         return onResize(event);

assets/js/src/newsletter_editor/blocks/base.js

@@ -241,6 +241,7 @@ Module.BlockToolsView = AugmentedView.extend({
       App.getChannel().trigger('hideSettings');
       return;
     }
+    document.activeElement.blur();
     App.getChannel().trigger('settingsDisplayed', this.model.cid);
     (new ViewType(_.extend({ model: this.model }, options || {}))).render();
   },