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

user_8450017 0
Viewed 244

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.

ngx-quill angular-cdk-drag-drop angular-material angular
1 Answers

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

user_125958570
Related