@syncfusion/ej2-multicolumn-combobox 28.1.39 → 28.2.6

package/dist/es6/ej2-multicolumn-combobox.es2015.js

@@ -902,7 +902,6 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
         };
         this.trigger('select', eventArgs, (eventArgs) => {
             if (!eventArgs.cancel && eventArgs.itemData) {
-                const selectedRecord = eventArgs.itemData;
                 const event = e;
                 const isUpdateVal = event.key === 'Enter' || event.key === 'Tab' || event.shiftKey && event.key === 'Tab' || event.altKey && event.key === 'ArrowUp';
                 if (!isKeyNav || (isKeyNav && isUpdateVal)) {
@@ -921,7 +920,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
         this.isProtectedOnChange = true;
         this.text = text || this.text;
         this.value = value || this.value;
-        this.index = !isNullOrUndefined(index) ? index : this.index;
+        this.index = this.selectedRowIndex = !isNullOrUndefined(index) ? index : this.index;
         this.isProtectedOnChange = prevOnChange;
         if (!isInitial) {
             this.triggerChangeEvent(eventArgs);
@@ -981,7 +980,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
     filterDatas(dataSource, inputValue) {
         const data = dataSource.filter((item) => {
             const fieldText = this.updateFieldValue(this.fields.text, item);
-            return fieldText.toLowerCase().startsWith(inputValue.toLowerCase());
+            return inputValue && fieldText.toLowerCase().startsWith(inputValue.toLowerCase());
         });
         const exactData = dataSource.filter((item) => {
             const fieldText = this.updateFieldValue(this.fields.text, item);
@@ -1156,7 +1155,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
             }
             return;
         }
-        if ((target.classList.contains('e-multicolumn-list-icon') || closest(target, '.e-popup'))) {
+        if ((target.classList.contains('e-multicolumn-list-icon') || closest(target, '.e-multicolumn-list.e-popup'))) {
             e.preventDefault();
         }
         else {
@@ -1177,21 +1176,19 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
         }
         this.hidePopup(e);
         if (this.matchedRowEle && !isClearValues && val) {
-            setTimeout(() => {
-                const prevOnChange = this.isProtectedOnChange;
-                this.isProtectedOnChange = true;
-                const fieldText = this.updateFieldValue(this.fields.text, this.matchedContent);
-                const fieldValue = this.updateFieldValue(this.fields.value, this.matchedContent);
-                this.inputEle.value = fieldText;
-                this.value = fieldValue;
-                const selectIndex = this.findIndex(this.gridObj.currentViewData, this.matchedContent);
-                this.index = selectIndex;
-                this.text = fieldText;
-                this.gridObj.selectRow(selectIndex);
-                this.selectedGridRow(this.gridObj.getRowByIndex(selectIndex), e);
-                this.previousItemElement = this.gridObj.getSelectedRows()[0];
-                this.isProtectedOnChange = prevOnChange;
-            }, 100);
+            const prevOnChange = this.isProtectedOnChange;
+            this.isProtectedOnChange = true;
+            const fieldText = this.updateFieldValue(this.fields.text, this.matchedContent);
+            const fieldValue = this.updateFieldValue(this.fields.value, this.matchedContent);
+            this.inputEle.value = fieldText;
+            this.value = fieldValue;
+            const selectIndex = this.findIndex(this.gridObj.currentViewData, this.matchedContent);
+            this.index = selectIndex;
+            this.text = fieldText;
+            this.gridObj.selectRow(selectIndex);
+            this.selectedGridRow(this.gridObj.getRowByIndex(selectIndex), e);
+            this.previousItemElement = this.gridObj.getSelectedRows()[0];
+            this.isProtectedOnChange = prevOnChange;
         }
         else {
             if (this.isDataFiltered) {
@@ -1428,20 +1425,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
                 attributes(this.inputEle, { 'aria-expanded': 'true', 'aria-owns': this.element.id + '_popup', 'aria-controls': this.element.id });
                 if (!isInputOpen) {
                     if ((this.value || this.text || this.index)) {
-                        const dataRows = this.gridObj.getRowsObject();
-                        let groupIndex;
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        dataRows.forEach((data, index) => {
-                            if (this.fields.groupBy && isNullOrUndefined(data.data.items)) {
-                                if (isNullOrUndefined(groupIndex)) {
-                                    groupIndex = 0;
-                                }
-                                else {
-                                    groupIndex += 1;
-                                }
-                            }
-                            this.selectDataRow(data.data, !this.fields.groupBy ? index : groupIndex);
-                        });
+                        this.gridObj.selectRow(this.selectedRowIndex);
                     }
                     this.focusIn(e);
                 }
@@ -1462,7 +1446,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
                         this.remoteDataLength = e.result.length;
                     });
                 }
-                this.popupObj.show(new Animation(eventArgs.animation), this.popupEle);
+                this.popupObj.show(new Animation(eventArgs.animation), this.popupEle.firstElementChild);
             }
         });
     }