在以角度5拖动期间垂直滚动时，元素和光标之间的距离会增加

Question

我已经通过在角度5中使用事件发射器实现了拖放功能。在父容器div中拖动子div元素。拖动工作正常。如果出现垂直滚动条，则光标和可拖动div元素之间存在未对齐

`

<div class="row">
    <div class="map">
      <img style="width:100%;height: 100%" style="cursor: pointer;" id="imgMap" 
       class="img-thumbnail" 
       src="https://imgd.aeplcdn.com/1056x594/n/3cpbpra_1422080.jpg?q=80"
      alt=""/><div *ngFor="let xandYcoordinate of xandYcoordinates"><div appTagDraggable 
         [style.left.%]="xandYcoordinate.left" 
         [style.top.%]="xandYcoordinate.top" class="box" 
        (window:resize)="onResize($event)" 
         [style.width.%]="xandYcoordinate.width" 
         [style.height.%]="xandYcoordinate.height"
        (dragStart)="onDragStart()" (dragMove)="onDragMove($event)" 
       (dragEnd)="onDragEnd()">
      </div>
   </div>
  </div>
</div>

`