@syncfusion/ej2-dropdowns 33.2.6 → 33.2.8

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

@@ -3033,7 +3033,8 @@ let DropDownBase = class DropDownBase extends Component {
             }
             else {
                 for (const item of this.listData) {
-                    if (!isNullOrUndefined(item) && getValue((this.fields.value ? this.fields.value : 'value'), item) === value) {
+                    if (!isNullOrUndefined(item) && (getValue((this.fields.value ? this.fields.value : 'value'), item) === value
+                        || this.getModuleName() === 'multiselect' && this.isVirtualizationEnabled && this.properties.allowCustomValue && getValue((this.fields.value ? this.fields.value : 'value'), item) === value.toString())) {
                         return item;
                     }
                 }
@@ -4753,6 +4754,9 @@ let DropDownList = class DropDownList extends DropDownBase {
             (this.previousValue != null && this.isObjectInArray(this.previousValue, [this.allowCustom &&
                     this.isObjectCustomValue ? this.value ? this.value : dataItem : dataItem.value ?
                     this.getDataByValue(dataItem.value) : dataItem])))) {
+            if (this.getModuleName() === 'combobox' && this.autoFill && e && (e.type === 'click' || e.action === 'enter')) {
+                return false;
+            }
             this.isSelected = false;
             return true;
         }
@@ -8107,6 +8111,7 @@ let DropDownTree = class DropDownTree extends Component {
         // Specifies if the checkAll method has been called
         this.isCheckAllCalled = false;
         this.isFromFilterChange = false;
+        this.fallbackValue = [];
     }
     /**
      * Get the properties to be maintained in the persisted state.
@@ -9342,6 +9347,10 @@ let DropDownTree = class DropDownTree extends Component {
     }
     setTreeValue() {
         if (this.value !== null && this.value.length !== 0) {
+            const dataReady = this.treeItems && this.treeItems.length > 0;
+            if (!dataReady && this.fallbackValue.length === 0) {
+                this.fallbackValue = this.value.slice();
+            }
             let data;
             if (this.showCheckBox || this.allowMultiSelection) {
                 for (let i = this.value.length - 1; i >= 0; i--) {
@@ -11001,6 +11010,13 @@ let DropDownTree = class DropDownTree extends Component {
                     break;
                 case 'fields':
                     this.setFields();
+                    setTimeout(() => {
+                        if (this.value.length === 0 && this.fallbackValue.length > 0) {
+                            this.value = this.fallbackValue;
+                            this.updateValue(this.fallbackValue);
+                            this.fallbackValue = [];
+                        }
+                    }, 1);
                     break;
                 case 'readonly':
                     Input.setReadonly(newProp.readonly, this.inputEle);
@@ -13931,7 +13947,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         else {
             this.updateActionList(ulElement, list, e);
         }
-        if (this.dataSource instanceof DataManager && this.allowCustomValue && !this.isCustomRendered &&
+        if (this.dataSource instanceof DataManager && this.allowCustomValue && (!this.isCustomRendered || this.enableVirtualization) &&
             this.inputElement.value && this.inputElement.value !== '') {
             let query = new Query();
             query = this.allowFiltering ? query.where(this.fields.text, 'startswith', this.inputElement.value, this.ignoreCase, this.ignoreAccent) : query;
@@ -14420,8 +14436,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         window.crypto.getRandomValues(array);
         return array[0] / (0xFFFFFFFF + 1);
     }
+    isInvalidString(value) {
+        return !value || value.trim().length === 0;
+    }
     checkForCustomValue(query, fields) {
-        const dataChecks = !this.getValueByText(this.inputElement.value, this.ignoreCase);
+        const dataChecks = !this.getValueByText(this.inputElement.value, this.ignoreCase) &&
+            !this.isInvalidString(this.inputElement.value);
         const field = fields ? fields : this.fields;
         this.isCustomReset = true;
         if (this.allowCustomValue && dataChecks) {
@@ -14455,7 +14475,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 if (this.enableVirtualization) {
                     this.virtualCustomData = dataItem;
                     const tempData = this.dataSource instanceof DataManager ?
-                        JSON.parse(JSON.stringify(this.listData)) : JSON.parse(JSON.stringify(this.dataSource));
+                        JSON.parse(JSON.stringify(this.mainData)) : JSON.parse(JSON.stringify(this.dataSource));
                     let totalData = [];
                     if (this.virtualCustomSelectData && this.virtualCustomSelectData.length > 0) {
                         totalData = tempData.concat(this.virtualCustomSelectData);
@@ -17353,7 +17373,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             this.allowCustomValue &&
                             ((!(this.dataSource instanceof DataManager)) ||
                                 (this.dataSource instanceof DataManager && isInitialVirtualData)))) {
-                        const indexItem = this.listData.length;
+                        const indexItem = this.dataSource instanceof DataManager ? this.totalItemCount : this.listData.length;
                         let newValue = {};
                         setValue(this.fields.text, value, newValue);
                         setValue(this.fields.value, value, newValue);
@@ -18068,12 +18088,24 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         temp = this.viewWrapper.innerHTML;
                         this.updateWrapperText(this.viewWrapper, data);
                     }
+                    let display;
+                    let topElement;
+                    if (this.componentWrapper.offsetWidth === 0 && this.componentWrapper.parentElement) {
+                        topElement = this.componentWrapper.parentElement.parentElement;
+                        if (!isNullOrUndefined(topElement) && topElement.style.display === 'none') {
+                            display = topElement.style.display;
+                            topElement.style.display = 'block';
+                        }
+                    }
                     wrapperleng = this.viewWrapper.offsetWidth +
                         parseInt(window.getComputedStyle(this.viewWrapper).paddingRight, 10) +
                         parseInt(window.getComputedStyle(this.viewWrapper).paddingLeft, 10);
                     overAllContainer = this.componentWrapper.offsetWidth -
                         parseInt(window.getComputedStyle(this.componentWrapper).paddingLeft, 10) -
                         parseInt(window.getComputedStyle(this.componentWrapper).paddingRight, 10);
+                    if (!isNullOrUndefined(display) && display === 'none' && !isNullOrUndefined(topElement)) {
+                        topElement.style.display = 'none';
+                    }
                     if ((wrapperleng + downIconWidth + this.clearIconWidth) > overAllContainer) {
                         if (tempData !== undefined && tempData !== '') {
                             temp = tempData;
@@ -19816,6 +19848,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             }, 100);
                             this.initStatus = true;
                         }
+                        else {
+                            this.initialValueUpdate(this.value, true, isInitialRender);
+                            this.initialUpdate();
+                        }
                     });
                 }
                 else {
@@ -24039,8 +24075,12 @@ let Mention = class Mention extends DropDownBase {
                 ? lastWordRange.substring(lastWordRange.lastIndexOf(this.mentionChar) + 1).trim()
                 : lastWordRange.replace(this.mentionChar, '');
         }
+        if (this.queryString !== '' && e.keyCode === 8 && lastWordRange.includes(this.mentionChar) && !this.isPopupOpen &&
+            ((typeof this.displayTemplate === 'function' ? this.displayTemplate() : this.displayTemplate)).includes(this.mentionChar)) {
+            this.queryString = '';
+        }
         if (this.mentionChar.charCodeAt(0) === lastWordRange.charCodeAt(0) &&
-            this.queryString !== '' && e.keyCode !== 38 && e.keyCode !== 40 && e.keyCode !== 8 && !this.lineBreak) {
+            this.queryString !== '' && e.keyCode !== 38 && e.keyCode !== 40 && !this.lineBreak) {
             this.searchLists(e);
             if (!this.isPopupOpen && this.queryString.length >= this.minLength) {
                 if (!this.isContentEditable(this.inputElement)) {