contenteditable无法在google-chrome上与cdkDrag一起正常使用

Question

我只是试图使div可编辑。在使用cdkDrag指令将Drag-n-drop添加到我的组件之前，它像在chrome上一样具有魅力。 但是，它可以在FireFox和Edge上正常工作，并且确实会显示输入光标。

 <app-note-item  
      *ngFor=" let note of notes"
      cdkDrag
      [note] = "note"
      class="note-item"
      [cdkDragFreeDragPosition] = "note.position"
  ></app-note-item>

应用笔记项：

<div contenteditable="true"   class="note-content">

      {{note.content}}
  </div>

任何帮助将不胜感激。