Blur event fires when using controls in the toolbar

I believe this is a bug as the onBlur event should only fire when the wysiwyg loses focus…meaning when the user moves on to another form element. Any actions within the editor window should not be considered as a blur event.

[Yahasana]

@bartcoppens there is bug when click between two editors

if ($(event.relatedTarget).closest('.note-editor').length === 0) {
  _this.context.triggerEvent('editorfocusout', event);
}

after some investigations, here is a solution

  onBlur: function(e) {  
    var p = e.target.parentNode.parentNode;
    if (! (e.relatedTarget && $.contains(p, e.relatedTarget))) {
      // real blur the editor and what r u goin to do now
    }
  }

PS: feature for auto toggle toolbar on focus and blur

callbacks: {
  onInit: function(e) {
    e.toolbar.addClass('d-none')
  },
  onFocus: function(e) {
    $(e.target.parentNode.parentNode).find('.note-toolbar').removeClass('d-none');
  },
  onBlur: function(e) {
    var p = e.target.parentNode.parentNode
    e.relatedTarget && $.contains(p, e.relatedTarget)||$(p).find('.note-toolbar').addClass('d-none')
  }
}

[artknight]

@DiemenDesign @hackerwins @easylogic I am OK with adding a separate trigger like onCompleteBlur or something along those lines that gets triggered when the editor ( including the toolbar ) completely loses focus.