@syncfusion/ej2-dropdowns 26.1.39 → 26.1.41

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

@@ -4466,6 +4466,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.isDataFetched = false;
         if (this.isFiltering()) {
             this.checkAndResetCache();
+            this.isRequesting = false;
             const eventArgs = {
                 preventDefaultAction: false,
                 text: this.filterInput.value,
@@ -6493,12 +6494,14 @@ let DropDownList = class DropDownList extends DropDownBase {
             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;
@@ -7037,6 +7040,7 @@ let DropDownTree = class DropDownTree extends Component {
                     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;
@@ -7057,6 +7061,7 @@ let DropDownTree = class DropDownTree extends Component {
                             fields = this.nestedFilter(args.text, args.fields);
                         }
                     }
+                    this.treeObj.element.classList.add('e-filtering');
                 }
                 this.hideCheckAll(this.isFilteredData);
                 if (flag) {
@@ -8123,6 +8128,7 @@ let DropDownTree = class DropDownTree extends Component {
     /* To render the popup element */
     renderPopup() {
         if (this.isFilteredData) {
+            this.treeObj.element.classList.remove('e-filtering');
             this.filterObj.value = '';
             this.treeObj.fields = this.getTreeFields(this.fields);
             this.isFilterRestore = true;
@@ -8654,6 +8660,10 @@ let DropDownTree = class DropDownTree extends Component {
                 this.isReverseUpdate = false;
             }
         }
+        if (this.isValueChange && !this.changeOnBlur) {
+            this.triggerChangeEvent(this.keyEventArgs);
+            this.isValueChange = false;
+        }
     }
     beforeCheck(args) {
         if (args.isInteracted) {
@@ -11064,6 +11074,7 @@ let AutoComplete = class AutoComplete extends ComboBox {
         }
         this.isSelected = false;
         this.activeIndex = null;
+        this.isRequesting = false;
         const eventArgs = {
             preventDefaultAction: false,
             text: this.filterInput.value,
@@ -14691,6 +14702,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     this.isRemoteSelection = true;
                 }
                 this.checkAndResetCache();
+                this.isRequesting = false;
                 const eventArgs = {
                     preventDefaultAction: false,
                     text: this.targetElement(),
@@ -17972,6 +17984,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
      */
     addItem(items, itemIndex) {
         super.addItem(items, itemIndex);
+        if (this.allowFiltering && this.filterInput.value !== '') {
+            this.filteringAction(this.jsonData, new Query(), this.fields);
+        }
     }
     /**
      * Build and render the component.
@@ -18699,6 +18714,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
      */
     addItems(items, itemIndex) {
         super.addItem(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,
@@ -20721,7 +20739,7 @@ let Mention = class Mention extends DropDownBase {
         }
         this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
         const 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)) {