@syncfusion/ej2-dropdowns 26.1.39 → 26.1.41

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

@@ -4577,6 +4577,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         this.isDataFetched = false;
         if (this.isFiltering()) {
             this.checkAndResetCache();
+            this.isRequesting = false;
             var eventArgs_1 = {
                 preventDefaultAction: false,
                 text: this.filterInput.value,
@@ -6629,12 +6630,14 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             Input.setValue('', this.inputElement, this.floatLabelType, this.showClearButton);
         }
         this.element.style.display = 'block';
-        if (this.inputWrapper.container.parentElement.tagName === this.getNgDirective()) {
-            detach(this.inputWrapper.container);
-        }
-        else {
-            this.inputWrapper.container.parentElement.insertBefore(this.element, this.inputWrapper.container);
-            detach(this.inputWrapper.container);
+        if (this.inputWrapper.container && this.inputWrapper.container.parentElement) {
+            if (this.inputWrapper.container.parentElement.tagName === this.getNgDirective()) {
+                detach(this.inputWrapper.container);
+            }
+            else {
+                this.inputWrapper.container.parentElement.insertBefore(this.element, this.inputWrapper.container);
+                detach(this.inputWrapper.container);
+            }
         }
         delete this.hiddenElement;
         this.filterInput = null;
@@ -7201,6 +7204,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                     _this.isFilteredData = false;
                     _this.isFilterRestore = true;
                     fields = _this.cloneFields(_this.fields);
+                    _this.treeObj.element.classList.remove('e-filtering');
                 }
                 else if (args.preventDefaultAction) {
                     fields = args.fields;
@@ -7221,6 +7225,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                             fields = _this.nestedFilter(args.text, args.fields);
                         }
                     }
+                    _this.treeObj.element.classList.add('e-filtering');
                 }
                 _this.hideCheckAll(_this.isFilteredData);
                 if (flag) {
@@ -8299,6 +8304,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
     DropDownTree.prototype.renderPopup = function () {
         var _this = this;
         if (this.isFilteredData) {
+            this.treeObj.element.classList.remove('e-filtering');
             this.filterObj.value = '';
             this.treeObj.fields = this.getTreeFields(this.fields);
             this.isFilterRestore = true;
@@ -8833,6 +8839,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                 this.isReverseUpdate = false;
             }
         }
+        if (this.isValueChange && !this.changeOnBlur) {
+            this.triggerChangeEvent(this.keyEventArgs);
+            this.isValueChange = false;
+        }
     };
     DropDownTree.prototype.beforeCheck = function (args) {
         if (args.isInteracted) {
@@ -11282,6 +11292,7 @@ var AutoComplete = /** @__PURE__ @class */ (function (_super) {
         }
         this.isSelected = false;
         this.activeIndex = null;
+        this.isRequesting = false;
         var eventArgs = {
             preventDefaultAction: false,
             text: this.filterInput.value,
@@ -14945,6 +14956,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     this.isRemoteSelection = true;
                 }
                 this.checkAndResetCache();
+                this.isRequesting = false;
                 var eventArgs_1 = {
                     preventDefaultAction: false,
                     text: this.targetElement(),
@@ -18267,6 +18279,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
      */
     ListBox.prototype.addItem = function (items, itemIndex) {
         _super.prototype.addItem.call(this, items, itemIndex);
+        if (this.allowFiltering && this.filterInput.value !== '') {
+            this.filteringAction(this.jsonData, new Query(), this.fields);
+        }
     };
     /**
      * Build and render the component.
@@ -19003,6 +19018,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
      */
     ListBox.prototype.addItems = function (items, itemIndex) {
         _super.prototype.addItem.call(this, items, itemIndex);
+        if (this.allowFiltering && this.filterInput.value !== '') {
+            this.filteringAction(this.jsonData, new Query(), this.fields);
+        }
     };
     /**
      * Removes a item from the list. By default, removed the last item in the list,
@@ -21071,7 +21089,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
         }
         this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
         var isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
-        if (document.activeElement != this.inputElement && isRteImage) {
+        if (document.activeElement != this.inputElement && !isRteImage) {
             this.inputElement.focus();
         }
         if (this.isContentEditable(this.inputElement)) {