How to add toolbar handlers dynamically?

I have a service that has access to the quill editor. (quill variable below)

co-links-module.ts
    ...
    const toolbar = quill.getModule('toolbar');
    if (toolbar) {
      // toolbar.addHandler('quickadd', this.handleQuickadd.bind(this.quill));  // <==== This does not work
      toolbar.addHandler('quickadd', (value) => {  // <==== This does not work
        this.handleQuickadd(value);
      });
    }
    ...

The code snippet runs without errors, however when I click on the custom toolbar button, nothing happens.

If I instead add that handler directly to the config:

editor.component.ts
    ...
    toolbar: {
      container: [
        ['bold', 'italic', 'underline', 'strike'], // toggled buttons
        ...
        ['quickadd'], // link and image and video
      ],
      handlers: {
        ...
        'quickadd': (value) => {
          this.coLinksModule.handleQuickadd(value);  // <==== This does work
        },
      },
    },

And then click the button, it does work. I do not understand why. Not even after hours of trying to wrap my head around it.

I am wondering why I cannot add a handler outside of the config? Any ideas what is going on?

[GitHubish]

@Eraldo I am very interested in the outcome of this exchange. Unfortunately, I have no idea how to help you solve this problem. Maybe you could create an example on Github that we can retrieve for test/debugging?

[Eraldo]

Regarding #1070: I turned off the custom toolbar template for now, so that should not have to do with it at the moment.

Is your handler not executed at all, or is just the handleQuickadd not called.

It is not executed at all.