So I have an array that have invoices I render it this way
Animation script:

Html:

the function that filter the array :

filterInvoice(filterd:string ): void {
if (filterd != 'all') {
  this.filterdInvoiceData = this.invoiceData.filter((invoice:any) =>
  invoice.status.toLowerCase().includes(filterd)
  )
} else {
  this.filterdInvoiceData = this.invoiceData; 
}
this.statusFilter = filterd;

}

When I am clicking on a btn to change the filter Its starting the animation but not "leaving" good

link for gif-video of the problem