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 });
...
}