angular - 清晰度数据网格中自动扩展行的错误

Question

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”（true 或 false）的行，以在初始渲染时自动扩展行。在清晰的 Datagrid 中自动扩展行时出现上述错误。

更具体地说，错误发生在下一行，由于 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 });
    ...
    }