@syncfusion/ej2-dropdowns 28.1.41 → 28.2.3

package/dist/es6/ej2-dropdowns.es2015.js

@@ -401,7 +401,7 @@ class VirtualScroll {
                 endIndex = this.parent.viewPortInfo.endIndex - this.parent.value.length;
                 if (this.parent.viewPortInfo.startIndex === 0) {
                     this.parent.updateVirtualReOrderList(true);
-                    if (this.parent.value.length < this.parent.itemCount) {
+                    if (this.parent.value.length < this.parent.itemCount && this.parent.value.length !== this.parent.totalItemCount) {
                         const oldUlElement = this.parent.list.querySelector('.e-list-parent' + ':not(.e-reorder)');
                         if (oldUlElement) {
                             this.parent.list.querySelector('.e-virtual-ddl-content').removeChild(oldUlElement);
@@ -464,6 +464,12 @@ class VirtualScroll {
         if (isListUpdated) {
             for (let i = this.parent.viewPortInfo.startIndex; i < endIndex; i++) {
                 const index = i;
+                if (this.component === 'multiselect' && this.parent.mode === 'CheckBox') {
+                    const oldUlElement = this.parent.list.querySelector('.e-list-parent' + '.e-reorder');
+                    if (oldUlElement) {
+                        this.parent.list.querySelector('.e-virtual-ddl-content').removeChild(oldUlElement);
+                    }
+                }
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 const alreadyAddedData = this.parent.generatedDataObject[index];
                 if (this.component === 'multiselect' && this.parent.hideSelectedItem) {
@@ -12511,6 +12517,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.isUpdateFooterHeight = false;
         this.isBlurDispatching = false;
         this.isFilterPrevented = false;
+        this.isFilteringAction = false;
         this.isValidKey = false;
         this.selectAllEventData = [];
         this.selectAllEventEle = [];
@@ -12968,7 +12975,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.totalItemCount = e.count;
         }
-        if (this.value && list && list.length > 0 && this.allowFiltering && this.mode !== 'CheckBox' && !this.enableVirtualization && !this.isFilterPrevented && !this.allowCustomValue) {
+        if (this.value && list && list.length > 0 && this.allowFiltering && this.mode !== 'CheckBox' && !this.enableVirtualization && !this.isFilterPrevented && !this.allowCustomValue && this.isFilteringAction) {
             const allItemsInValue = list.every((item) => {
                 const itemValue = getValue((this.fields.value) ? this.fields.value : '', item);
                 return this.value.some((val) => {
@@ -15622,6 +15629,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             this.totalItemCount = this.value && this.value.length ? this.totalItemCount - this.value.length : this.totalItemCount;
         }
         this.getSkeletonCount();
+        this.skeletonCount = this.totalItemCount !== 0 && this.totalItemCount < this.itemCount * 2 &&
+            ((!(this.dataSource instanceof DataManager)) || ((this.dataSource instanceof DataManager) &&
+                (this.totalItemCount <= this.itemCount))) ? 0 : this.skeletonCount;
         this.UpdateSkeleton();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.list.getElementsByClassName('e-virtual-ddl')[0]) {
@@ -15850,10 +15860,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     if (!eventArgs.cancel) {
                         if (!this.isFiltered && !eventArgs.preventDefaultAction) {
                             this.filterAction = true;
+                            this.isFilteringAction = true;
                             if (this.dataSource instanceof DataManager && this.allowCustomValue) {
                                 this.isCustomRendered = false;
                             }
                             this.dataUpdater(this.dataSource, null, this.fields);
+                            this.isFilteringAction = false;
                         }
                     }
                 });