ngx quill editor not working while using cdkDrag directive of Angular Material

Question

Quill editor not focused or not able to type the content while using cdkDrag directive of Angular Material.

Here I share the StackBlitz code.

https://stackblitz.com/edit/angular-ivy-xalouc

Understanding:

• If right click on the editor, It's editable
• Click on any toolbar menu item, It's editable

Kindly suggest to solve this issue. Thanks in advance.

Answer 1

Some workaround, try to add separate element with cdkDragHandle:

<div cdkDrag>
  <div cdkDragHandle>drag handle</div>
  <quill-editor></quill-editor>
</div>

quill-edit will work