title: Facing issue while using ngx-quill and ngx-tribute
body: <p>I want to use <a href="https://www.npmjs.com/package/ngx-tribute" rel="nofollow noreferrer">ngx-tribute</a> with <strong>ngx-quill</strong>, but I am facing an issue, selected item (from tribute's dropdown) is not inserting properly.  I am attaching two screenshots related to this problem. Am I doing something wrong?</p>
  <p><code>&lt;quill-editor  id=&quot;quillEditor&quot; [ngxTribute]=&quot;options&quot; [(ngModel)]=&quot;input&quot; [styles]=&quot;{height: '300px'}&quot; #tributeDirective=&quot;ngx-tribute&quot;&gt;&lt;/quill-editor&gt;</code></p>
  <pre><code>options: TributeOptions&lt;TributeValue&gt; = {
      trigger: &quot;@&quot;,
      values: [
          { key: 'test1', value: 'test1' },
          { key: 'test2', value: 'test2' },
          { key: 'test3', value: 'test3' }
      ],
      selectTemplate: function (item) {  
        return item.original.key;
      },
     
  };
  
  [![Screenshot 1][1]][1]
  
  
  [![Screenshot 2][2]][2]
  
  
    [1]: https://i.stack.imgur.com/O9Yp4.png
    [2]: https://i.stack.imgur.com/zKSgq.png
  </code></pre>