@syncfusion/ej2-dropdowns 20.4.40 → 20.4.42

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

@@ -626,10 +626,10 @@ let DropDownBase = class DropDownBase extends Component {
                                     this.isDataFetched = true;
                                 }
                                 ulElement = this.renderItems(listItems, fields);
+                                this.onActionComplete(ulElement, listItems, e);
                                 if (this.groupTemplate) {
                                     this.renderGroupTemplate(ulElement);
                                 }
-                                this.onActionComplete(ulElement, listItems, e);
                                 this.isRequested = false;
                                 this.bindChildItems(listItems, ulElement, fields, e);
                             }
@@ -8932,6 +8932,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.isValidKey = false;
         this.selectAllEventData = [];
         this.selectAllEventEle = [];
+        this.resetMainList = null;
+        this.resetFilteredData = false;
         this.scrollFocusStatus = false;
         this.keyDownStatus = false;
     }
@@ -9675,6 +9677,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             }
         }
         this.updateDataList();
+        if (this.resetMainList) {
+            this.mainList = this.resetMainList;
+            this.resetMainList = null;
+        }
         this.refreshListItems(null);
         if (this.mode !== 'Box' && this.mode !== 'CheckBox') {
             this.updateDelimView();
@@ -11084,6 +11090,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         });
     }
     search(e) {
+        this.resetFilteredData = true;
         if (!isNullOrUndefined(e)) {
             this.keyCode = e.keyCode;
         }
@@ -12273,6 +12280,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     onPropertyChanged(newProp, oldProp) {
         if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))
             || newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
+            if (this.resetFilteredData) {
+                // The filtered data is not being reset in the component after the user focuses out.
+                this.resetMainList = !this.resetMainList ? this.mainList : this.resetMainList;
+                this.resetFilteredData = false;
+            }
             this.mainList = null;
             this.mainData = null;
             this.isFirstClick = false;
@@ -16456,9 +16468,18 @@ let Mention = class Mention extends DropDownBase {
         const args = { cancel: false };
         this.trigger('beforeOpen', args, (args) => {
             if (!args.cancel) {
-                const popupEle = isNullOrUndefined(this.target) ? this.createElement('div', {
-                    id: this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (this.cssClass != null ? this.cssClass : '')
-                }) : this.element;
+                let popupEle;
+                if (isNullOrUndefined(this.target)) {
+                    popupEle = this.createElement('div', {
+                        id: this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (this.cssClass != null ? this.cssClass : '')
+                    });
+                }
+                else {
+                    popupEle = this.element;
+                    if (this.cssClass != null) {
+                        addClass([popupEle], this.cssClass.split(' '));
+                    }
+                }
                 if (!isNullOrUndefined(this.target)) {
                     popupEle.id = this.inputElement.id + '_popup';
                     addClass([popupEle], ['e-mention', 'e-popup', 'e-popup-close']);