angular - 使用 Angular Material 的 cdkDrag 指令时，ngx quill 编辑器无法正常工作

Question

使用 Angular Material 的 cdkDrag 指令时，Quill 编辑器没有聚焦或无法键入内容。

这里我分享 StackBlitz 代码。

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

理解：

• 如果右键单击编辑器，它是可编辑的
• 单击任何工具栏菜单项，它是可编辑的

请建议解决此问题。提前致谢。

Answer 1

一些解决方法，尝试添加单独的元素cdkDragHandle：

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

羽毛笔编辑将起作用