拖动事件光标坐标未更新

Question

我有一个拖放界面，并试图在用户将某物拖动到页面顶部或底部时滚动。我正在使用Angular，所以我要绑定到拖动事件。

<div
  id="{{folder._id}}"
  [draggable]="true"
  (drag)="onDrag($event)"
  (dragstart)="onDragStart($event)"
  (dragenter)="onDragEnter()"
  (dragover)="onDragOver($event)"
  (dragleave)="onDragLeave()"
  (dragend)="onDragEnd()"
  (drop)="onDropEvent($event)"
>

我的onDrag函数非常简单，它仅检查光标是否在视口的顶部或底部附近，如果滚动，则滚动。但是在Internet Explorer 11中，每次为单个拖动运行函数时，event.clientY值都是相同的。仅当我放下该项目并拖动另一个项目后，它才会更改。 Chrome在拖动时更新event.clientY。

onDrag(event: DragEvent) {
  console.log(event.clientY) // Always gives the same position
}

如何强制在IE11中更新坐标？

谢谢