@syncfusion/ej2-dropdowns 20.4.40 → 20.4.43

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

@@ -655,10 +655,10 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                     _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);
                             }
@@ -2520,7 +2520,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.setScrollPosition(e);
         }
         if (Browser.info.name !== 'mozilla') {
-            attributes(this.inputElement, { 'aria-label': this.inputElement.value });
+            attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
             if (this.targetElement()) {
                 attributes(this.targetElement(), { 'aria-describedby': this.inputElement.id != '' ? this.inputElement.id : this.element.id });
                 this.targetElement().removeAttribute('aria-live');
@@ -9091,6 +9091,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         _this.isValidKey = false;
         _this.selectAllEventData = [];
         _this.selectAllEventEle = [];
+        _this.resetMainList = null;
+        _this.resetFilteredData = false;
         _this.scrollFocusStatus = false;
         _this.keyDownStatus = false;
         return _this;
@@ -9837,6 +9839,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             }
         }
         this.updateDataList();
+        if (this.resetMainList) {
+            this.mainList = this.resetMainList;
+            this.resetMainList = null;
+        }
         this.refreshListItems(null);
         if (this.mode !== 'Box' && this.mode !== 'CheckBox') {
             this.updateDelimView();
@@ -11252,6 +11258,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     };
     MultiSelect.prototype.search = function (e) {
         var _this = this;
+        this.resetFilteredData = true;
         if (!isNullOrUndefined(e)) {
             this.keyCode = e.keyCode;
         }
@@ -12446,6 +12453,11 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     MultiSelect.prototype.onPropertyChanged = function (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;
@@ -16718,9 +16730,18 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
         var args = { cancel: false };
         this.trigger('beforeOpen', args, function (args) {
             if (!args.cancel) {
-                var popupEle_1 = isNullOrUndefined(_this.target) ? _this.createElement('div', {
-                    id: _this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (_this.cssClass != null ? _this.cssClass : '')
-                }) : _this.element;
+                var popupEle_1;
+                if (isNullOrUndefined(_this.target)) {
+                    popupEle_1 = _this.createElement('div', {
+                        id: _this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (_this.cssClass != null ? _this.cssClass : '')
+                    });
+                }
+                else {
+                    popupEle_1 = _this.element;
+                    if (_this.cssClass != null) {
+                        addClass([popupEle_1], _this.cssClass.split(' '));
+                    }
+                }
                 if (!isNullOrUndefined(_this.target)) {
                     popupEle_1.id = _this.inputElement.id + '_popup';
                     addClass([popupEle_1], ['e-mention', 'e-popup', 'e-popup-close']);