Kendo Editor - Inline editing toolbar hide event?

[Bob]

I am using multiple Kendo editors on a page, all with inline editing so that the toolbar shows/hides when the editor gains/loses focus for input.  One of the custom tools that was added to the toolbar is to open a symbol selection popup.  When the user navigates to a different editor, I would like to close the popup of the first editor, but I am not sure what event I should tie into to make this happen.  Is there an event for when the toolbar is hidden?

Thanks for your help, Bob

[Martin]

Hello, Bob,

There is no Editor event that triggers when the inline toolbar is hidden. You can try binding to the close event of the Window that is containing it using the code below:

$("[data-role='window']").data("kendoWindow").bind("close", function(){alert("close")})

Let me know if that would be helpful.

Regards,
Martin
Progress Telerik

[Bob]

Hi Martin,

Thank you very much for this suggestion.  My usage is a bit more complicated as I am using the jQuery editor in Angular, and I have multiple editors on the same page, but your solution led me to this:

    this.kendoEditor.toolbar.element.parent("[data-role='window']").data('kendoWindow')?.bind('close', () => {
      this.showInsertSymbolPopup(false);
    });

This is working great.

Thanks, Bob