Search code examples
jqueryeventscodemirror

Unable to access relatedTarget using the event object in FireFox

I am using CodeMirror editor in for YAML. I have the below code.

$('#' + element.id).ready(function() {
  editor = CodeMirror.fromTextArea(document.getElementById(element.id), Options);
  editor.setValue(self.test());
  editor.on('blur', function(event) {
    var clickedElement = event.relatedTarget;
    var isAddDialogButtonClicked = false;
    if (clickedElement !== null) {
      isAddDialogButtonClicked = clickedElement && clickedElement.parentElement &&
        clickedElement.parentElement.id === bindingContextData.addDialogButtonId();
    }
  });
});

The event.relatedTarget is not working in FireFox. It works fine in Chrome. Any idea on how to solve this?

Solution

  • CodeMirror onBlur event handler takes 'event' as second param. editor.on('blur', function(instance, event) {});