在Clear DataGrid中自动展开行时出错

时间:2018-11-30 11:06:15

标签: angular vmware-clarity clarity

ERROR DOMException: Failed to execute 'animate' on 'Element': Partial keyframes are not supported.
at DatagridRowExpandAnimation.push../node_modules/@clr/angular/esm5/clr-angular.js.DatagridRowExpandAnimation.run

<clr-dg-row *ngFor="let row of rows">
        <clr-dg-cell>...</clr-dg-cell>
        <ng-container ngProjectAs="clr-dg-row-detail" *ngIf="row.info">
            <clr-dg-row-detail *clrIfExpanded="row.expand" >...</clr-dg-row-detail>
        </ng-container>
    </clr-dg-row>

具有一组具有预定义值“ row.expand”(真或假)的行,以在初始渲染时自动扩展行。在ClearDataGrid中自动扩展行时遇到上述错误。

更具体地说,由于oldHeight为'NaN',而在下一行中发生了错误,该值为'NaNpx',这对于动画来说是无效值。

DatagridRowExpandAnimation.prototype.run = {
    ...
    this.running = this.el.nativeElement.animate({ height: [this.oldHeight + 'px', newHeight + 'px'], overflowY: ['hidden', 'hidden'], easing: 'ease-in-out' }, { duration: 200 });
    ...
    }

0 个答案:

没有答案