Performance: Enable virtual scrolling for large custom field selects (#10708)

src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html

@@ -51,6 +51,7 @@
     <ng-select #fieldSelects
       class="paperless-input-select rounded-end"
       [items]="getSelectOptionsForField(atom.field)"
+      [virtualScroll]="getSelectOptionsForField(atom.field)?.length > 100"
       bindLabel="label"
       bindValue="id"
       [(ngModel)]="atom.value"

src-ui/src/app/components/common/input/select/select.component.html

@@ -19,6 +19,7 @@
             [class.private]="isPrivate"
             [clearable]="allowNull"
             [items]="items"
+            [virtualScroll]="items?.length > 100"
             [addTag]="allowCreateNew && addItemRef"
             addTagText="Add item"
             i18n-addTagText="Used for both types, correspondents, storage paths"