p-dropdown: Search filter issue

[yassine-fy94]

Describe the bug

I'm facing an issue with the p-dropdown component. When I try to search using the filter, the dropdown freezes and shows empty lines, it was working fine one the previous version, list_of_data.length>5000 , this is my html code :

<p-dropdown [autoDisplayFirst]="false" [resetFilterOnHide]="true" [showClear]="true"
      [options]="list_of_data" filterBy="label,description,category"
      formControlName="id_of_chosen_item" [filter]="true" placeholder="..."
      emptyFilterMessage="Aucun article" [virtualScroll]="true" [virtualScrollItemSize]="30"
      emptyMessage="Aucun article" scrollHeight="110px" class="ng-dirty">
      <ng-template let-element pTemplate="item">
          <div class="d-flex justify-content-between">
              <span class="font-12">{{element?.label}}</span>
          </div>
      </ng-template>
  </p-dropdown>

example of list_of_data :

list_if_data = [
{
value: 1,
label: "Item 1",
description: "lorem ipsum",
category: "CAT_1"
},
.
.
]

Environment

{
"name": "my_app",
"version": "1.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^14.2.7",
"@angular/cdk": "^14.2.5",
"@angular/common": "^14.2.7",
"@angular/compiler": "^14.2.7",
"@angular/core": "^14.2.7",
"@angular/forms": "^14.2.7",
"@angular/localize": "^14.2.7",
"@angular/platform-browser": "^14.2.7",
"@angular/platform-browser-dynamic": "^14.2.7",
"@angular/router": "^14.2.7",
"@types/crypto-js": "^4.1.1",
"bootstrap": "^4.6.2",
"chart.js": "^3.9.1",
"core-js": "^2.6.12",
"crypto-browserify": "^3.12.0",
"crypto-js": "^4.1.1",
"exceljs": "^1.15.0",
"file-saver": "^2.0.5",
"font-awesome": "^4.7.0",
"jwt-decode": "^3.1.2",
"ngx-barcode": "^0.3.0",
"ngx-image-compress": "^13.1.13",
"primeflex": "^3.3.0",
"primeicons": "^6.0.1",
"primeng": "^14.2.1",
"rxjs": "^6.6.7",
"rxjs-compat": "^6.6.7",
"save": "^2.9.0",
"sweetalert2": "^10.16.9",
"tslib": "^2.4.0",
"typescript": "^4.8.4",
"xlsx": "^0.18.5",
"zone.js": "^0.11.8"
},
"devDependencies": {
"@angular-devkit/build-angular": "^14.2.6",
"@angular/cli": "^14.2.6",
"@angular/compiler-cli": "^14.2.7",
"@angular/language-service": "^14.2.7",
"@types/file-saver": "^2.0.5",
"@types/jasmine": "^3.6.11",
"@types/jasminewd2": "^2.0.10",
"@types/node": "^12.20.55",
"codelyzer": "^6.0.2",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "^6.4.1",
"karma-chrome-launcher": "^3.1.1",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "^4.0.2",
"karma-jasmine-html-reporter": "^1.7.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0"
},
"browser": {
"crypto": false
},
"optionalDependencies": {
"fsevents": "^2.2.1"
},
"resolutions": {
"webpack": "^5.0.0"
}
}

Reproducer

No response

Angular version

14.2.7

PrimeNG version

14.2.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

14.17.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[yassine-fy94]

same as the issue #12461