Pasted text doesn't work with mat-table filter in Angular

Question

Got one question, when I use the pasted text inside the search cell, the filter doesn't work. But if you type the text, it will work. And also, if you use pasted text after typing or deleting anything, it will start to work. (for example: copy john and paste into the 'Tenant Name' cell).

Following is the link: https://stackblitz.com/edit/angular-vq21ey?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.module.ts

Thank you in advance!

Answer 1

If you set the filterPredicate first before the filter, I think it will work for you, so just switch these two lines:

  this.dataSource.filterPredicate = this.createFilter();
  this.dataSource.filter = JSON.stringify(this.filterValues);