@syncfusion/ej2-dropdowns 30.2.5 → 30.2.6

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

@@ -5568,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);
         }
     }
@@ -9422,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 */
@@ -11243,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 });
                             }
                         }
@@ -13796,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)) {
@@ -15988,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;
                                 }
                             }
@@ -15996,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();