@syncfusion/ej2-dropdowns 30.2.4 → 30.2.6

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

@@ -430,6 +430,9 @@ class VirtualScroll {
                     isListUpdated = false;
                 }
                 else if (this.parent.viewPortInfo.startIndex !== 0) {
+                    if (this.parent.dataSource instanceof DataManager) {
+                        this.parent.setCurrentView = false;
+                    }
                     this.parent.updateVirtualReOrderList(true);
                     const oldUlElement = this.parent.list.querySelector('.e-list-parent' + ':not(.e-reorder)');
                     if (oldUlElement) {
@@ -5565,6 +5568,13 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         else {
             this.removeFocus();
+            if (this.allowFiltering && this.actionCompleteData && this.actionCompleteData.ulElement &&
+                this.dataSource instanceof DataManager) {
+                const focus = this.actionCompleteData.ulElement.querySelector('.e-item-focus');
+                if (focus) {
+                    removeClass(focus, dropDownListClasses.focus);
+                }
+            }
             this.list.querySelector('.' + dropDownBaseClasses.li).classList.add(dropDownListClasses.focus);
         }
     }
@@ -5599,7 +5609,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                 popupEle.setAttribute('aria-label', this.element.id);
                 popupEle.setAttribute('role', 'dialog');
                 const searchBox = this.setSearchBox(popupEle);
-                this.listContainerHeight = this.allowFiltering && this.getModuleName() === 'dropdownlist' && Browser.isDevice ?
+                this.listContainerHeight = this.allowFiltering && this.getModuleName() === 'dropdownlist' && Browser.isDevice && this.isDeviceFullScreen ?
                     formatUnit(Math.round(window.outerHeight).toString() + 'px') : formatUnit(this.popupHeight);
                 if (this.headerTemplate) {
                     this.setHeaderTemplate(popupEle);
@@ -9419,11 +9429,15 @@ let DropDownTree = class DropDownTree extends Component {
         }
     }
     restoreFilterSelection() {
+        if (this.treeObj.checkedNodes) {
+            this.treeObj.checkedNodes = [];
+        }
+        const nodeIds = Array.isArray(this.value) ? this.value : [];
         if (this.showCheckBox) {
-            this.treeObj.checkedNodes = this.value ? this.value : [];
+            this.treeObj.checkedNodes = nodeIds;
         }
         else {
-            this.treeObj.selectedNodes = this.value ? this.value : [];
+            this.treeObj.selectedNodes = nodeIds;
         }
     }
     /* To set cssclass for the dropdowntree */
@@ -11240,13 +11254,16 @@ let ComboBox = class ComboBox extends DropDownList {
                 if (this.dataSource instanceof DataManager) {
                     this.dataSource.executeQuery(new Query().where(new Predicate(fields, 'equal', currentValue)))
                         .then((e) => {
-                        if (e.result.length > 0) {
+                        if (e && e.result && e.result.length > 0) {
                             this.itemData = e.result[0];
                             const dataItem = this.getItemData();
                             const value = this.allowObjectBinding ?
                                 this.getDataByValue(dataItem.value) : dataItem.value;
-                            if ((this.value === dataItem.value && this.text !== dataItem.text.toString()) ||
-                                (this.value !== dataItem.value && this.text === dataItem.text.toString())) {
+                            const valueFieldValue = this.allowObjectBinding &&
+                                !isNullOrUndefined(this.value) ? getValue((this.fields.value) ?
+                                this.fields.value : '', this.value) : this.value;
+                            if ((valueFieldValue === dataItem.value && this.text !== dataItem.text.toString()) ||
+                                (valueFieldValue !== dataItem.value && this.text === dataItem.text.toString())) {
                                 this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
                             }
                         }
@@ -13417,7 +13434,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
         const isContainsValue = valuecheck.some((item) => item !== null);
         if (valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-            && this.listData != null && isContainsValue) {
+            && this.listData != null && (!this.enableVirtualization || (this.enableVirtualization && this.valueTemplate)) && isContainsValue) {
             this.isaddNonPresentItems = true;
             this.addNonPresentItems(valuecheck, this.ulElement, this.listData);
             this.isaddNonPresentItems = false;
@@ -13793,7 +13810,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     dataUpdater(dataSource, query, fields) {
         this.isDataFetched = false;
         const isNoData = this.list.classList.contains(dropDownBaseClasses.noData);
-        if (this.targetElement().trim() === '') {
+        if (this.targetElement().trim() === '' && (!this.allowCustomValue || this.mode === 'CheckBox' || this.targetElement() === '')) {
             const list = this.enableVirtualization ? this.list.cloneNode(true) : this.mainList.cloneNode ?
                 this.mainList.cloneNode(true) : this.mainList;
             if (this.backCommand || (this.enableVirtualization && this.mode === 'CheckBox' && this.value && this.value.length > 0)) {
@@ -15985,7 +16002,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             const ulElement = this.list.querySelector('ul');
                             if (ulElement) {
                                 if (!(this.mode !== 'CheckBox' && (this.allowFiltering || this.allowCustomValue) &&
-                                    this.targetElement().trim() !== '')) {
+                                    (this.targetElement().trim() !== '' || (this.targetElement() !== '' && this.allowCustomValue)))) {
                                     this.mainList = ulElement.cloneNode ? ulElement.cloneNode(true) : ulElement;
                                 }
                             }
@@ -15993,7 +16010,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         }
                         this.popupObj.wireScrollEvents();
                         if (!(this.mode !== 'CheckBox' && (this.allowFiltering || this.allowCustomValue) &&
-                            this.targetElement().trim() !== '') && !this.enableVirtualization) {
+                            (this.targetElement().trim() !== '' || (this.targetElement() !== '' && this.allowCustomValue))) && !this.enableVirtualization) {
                             this.loadTemplate();
                             if (this.enableVirtualization && this.mode === 'CheckBox') {
                                 this.UpdateSkeleton();
@@ -18319,7 +18336,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             }
             const isContainsValue = valuecheck.some((item) => item !== null);
             if (prop === 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-                && this.listData != null && isContainsValue) {
+                && this.listData != null && (!this.enableVirtualization || (this.enableVirtualization && this.valueTemplate))
+                && isContainsValue) {
                 this.mainData = null;
                 this.setDynValue = true;
                 this.isaddNonPresentItems = true;