滚动网格时Kendo Angular Pop up正在移动

Question

我正在使用剑道网格中弹出的剑道。当我滚动网格剑道时，也会弹出。

HTML：Kendo网格代码：

 <kendo-grid style="height: 400px;">
    <kendo-grid-column title="Request No" width="150"></kendo-grid-column>
     <kendo-grid-column title="Job Classification" width="150"></kendo-grid-column>
      <kendo-grid-column title="Request Date" width="150"></kendo-grid-column>
      <kendo-grid-column field="action" title="Action" width="125" [filterable]="false">
        <ng-template kendoGridCellTemplate let-dataItem>
          <div class="icon-container">
            <i Id="btnCancel" class="fa fa-times-circle" aria-hidden="true" title="Delete"
              (click)="deletePopUp($event,dataItem)"></i>
             </div>
        </ng-template>
      </kendo-grid-column>
    </kendo-grid>

HTML：POP UP代码：

<kendo-popup style="width: 350px; z-index: 10002;box-shadow:none"
    popupClass="kendo-popup kendo-popup-right kp-pos-right custom-addmaterialpopup" [anchor]="anchorElement" [offset]="testOffset"
    [anchorAlign]="anchorAlignRight" [popupAlign]="popupAlignRight" *ngIf="isDeletePopup">
    <div class="kp-header">
      Do you want to cancel the request
    </div>
    <div class="kp-body">
      <textarea type="text" Id="txtDelete" [(ngModel)]="strDeleteRemarks" class="form-control textareasubmitrecall"
        rows="2"></textarea>
    </div>
    <div class="kp-footer">
      <button Id="btnDelete" class="btn-primary" (click)="DeleteAction()">Yes</button>
      <button Id="btnDelClose" class="btn-primary" (click)="closeDeletePopup()">No</button>
    </div>
  </kendo-popup>

TS：

public deletePopUp($event, dataItem) {
  this.anchorElement = $event.target.closest(".fa-times-circle");
  this.strJobregistrationRequestId = dataItem.strJobRegistrationRequestId;
  this.isDeletePopup = true;
  }

我也检查了 Offset 属性。但这是行不通的。帮我设置剑道弹出的偏移量。预先感谢