3

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.

Dinesh Kannan
  • 135
  • 1
  • 1
  • 7

1 Answers1

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

Peter Csala
  • 17,736
  • 16
  • 35
  • 75
Andrew Chaika
  • 11
  • 2
  • Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jan 22 '22 at 15:18