@syncfusion/ej2-dropdowns 32.1.19 → 32.1.21

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

@@ -473,6 +473,10 @@ class VirtualScroll {
             this.parent.totalItemsCount();
         }
         if (isListUpdated) {
+            if (this.component === 'multiselect' && this.parent.itemCount * 2 > this.parent.totalItemCount) {
+                this.parent.viewPortInfo.endIndex = endIndex = this.parent.totalItemCount;
+                this.parent.isVirtualTrackHeight = true;
+            }
             for (let i = this.parent.viewPortInfo.startIndex; i < endIndex; i++) {
                 const index = i;
                 if (this.component === 'multiselect' && this.parent.mode === 'CheckBox') {
@@ -1651,8 +1655,10 @@ let DropDownBase = class DropDownBase extends Component {
                                     for (let queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                         if (this.getModuleName() === 'multiselect' && this.isCheckBoxSelection && (newQuery.queries[queryElements].e && (newQuery.queries[queryElements].e.operator === 'notequal' ||
                                             newQuery.queries[queryElements].e.operator === 'equal' || newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.condition === 'and') && !this.isCustomFiltering)) {
-                                            isReOrder = false;
-                                            break;
+                                            if (this.totalItemCount > (this.itemCount * 2)) {
+                                                isReOrder = false;
+                                                break;
+                                            }
                                         }
                                         if (newQuery.queries[queryElements].fn === 'onTake') {
                                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -5636,6 +5642,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         const args = { cancel: false };
         this.trigger('beforeOpen', args, (args) => {
+            this.iOSscrollPosition = { x: document.documentElement.scrollLeft, y: document.documentElement.scrollTop };
             let initialPopupHeight;
             if (!args.cancel) {
                 const popupEle = this.createElement('div', {
@@ -5857,6 +5864,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                                 }
                             }, 15);
                         }
+                        if (this.allowFiltering && this.isDeviceFullScreen && Browser.isDevice && Browser.isIos) {
+                            document.documentElement.scrollIntoView();
+                        }
                     }
                     else {
                         this.beforePopupOpen = false;
@@ -6386,6 +6396,12 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.fixedHeaderElement = null;
             }
             if (!eventArgs.cancel) {
+                if (this.isPopupOpen && this.allowFiltering && this.isDeviceFullScreen && Browser.isDevice && Browser.isIos) {
+                    document.documentElement.scrollTo({
+                        top: this.iOSscrollPosition.y,
+                        left: this.iOSscrollPosition.x
+                    });
+                }
                 if (this.getModuleName() === 'autocomplete') {
                     this.rippleFun();
                 }
@@ -9996,7 +10012,10 @@ let DropDownTree = class DropDownTree extends Component {
             selectedValues = selectedValues.filter((selectedValue) => {
                 const nodeData = this.treeObj.getTreeData(selectedValue);
                 if (Array.isArray(nodeData)) {
-                    return nodeData.every((nodeSelectedData) => nodeSelectedData.selected);
+                    return nodeData.every((nodeSelectedData) => {
+                        return nodeSelectedData.selected === true ||
+                            this.selectedData.some((sel) => sel.id === String(nodeSelectedData[this.fields.value]));
+                    });
                 }
                 return true;
             });
@@ -18820,7 +18839,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         if (this.hideSelectedItem && this.value && Array.isArray(this.value) && this.value.length > 0) {
                             this.totalItemsCount();
                         }
-                        if (!this.preventSetCurrentData && this.totalItemCount > (this.itemCount * 2) &&
+                        if (!this.preventSetCurrentData &&
                             !isNullOrUndefined(this.viewPortInfo.startIndex) &&
                             !isNullOrUndefined(this.viewPortInfo.endIndex)) {
                             this.notify('setCurrentViewDataAsync', {
@@ -23421,11 +23440,11 @@ let Mention = class Mention extends DropDownBase {
             this.searchLists(e);
             if (!this.isPopupOpen && this.queryString.length >= this.minLength) {
                 if (!this.isContentEditable(this.inputElement)) {
-                    this.showPopup();
+                    this.showPopupWithDebounce();
                 }
                 else if (this.isContentEditable(this.inputElement) && this.range &&
                     this.range.startContainer !== this.inputElement && e.keyCode !== 9) {
-                    this.showPopup();
+                    this.showPopupWithDebounce();
                 }
             }
         }
@@ -23463,6 +23482,14 @@ let Mention = class Mention extends DropDownBase {
         }
         this.isListResetted = false;
     }
+    showPopupWithDebounce() {
+        if (this.minLength > 0 && this.minLength === this.queryString.length) {
+            setTimeout(() => { this.showPopup(); }, this.debounceDelay);
+        }
+        else {
+            this.showPopup();
+        }
+    }
     isMatchedText() {
         let isMatched = false;
         for (let i = 0; i < (this.liCollections && this.liCollections.length); i++) {