contenteditable not working properly with cdkDrag on google-chrome

问题

I simply trying to make a div editable. It was working like a charm on chrome before adding Drag-n-drop to my component with cdkDrag directive. However, it works fine with FireFox and Edge and it does show the input cursor.

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

App-note-item :

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

      {{note.content}}
  </div>

Any help would be grateful.

来源：https://stackoverflow.com/questions/56544752/contenteditable-not-working-properly-with-cdkdrag-on-google-chrome