@syncfusion/ej2-dropdowns 28.1.33 → 28.1.35

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

@@ -4634,6 +4634,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                     if (this.isFiltering() && this.getModuleName() === 'combobox' && isNullOrUndefined(this.list)) {
                         this.getInitialData = true;
                         this.renderList();
+                        if (!this.isSecondClick && !this.isDropDownClick) {
+                            this.executeCloneElements();
+                        }
                     }
                     this.typedString = this.filterInput.value;
                     this.preventAutoFill = false;
@@ -4891,6 +4894,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.getFilteringSkeletonCount();
             }
             this.renderReactTemplates();
+            if (this.filterInput && this.filterInput.value === '' && this.getModuleName() === 'combobox') {
+                this.executeCloneElements();
+            }
         }
     }
     setSearchBox(popupElement) {
@@ -6755,10 +6761,15 @@ let DropDownList = class DropDownList extends DropDownBase {
                 isOpen: true
             });
         }
+        if (!this.isSecondClick && !this.isDropDownClick) {
+            this.executeCloneElements();
+        }
+    }
+    executeCloneElements() {
         // eslint-disable-next-line @typescript-eslint/no-this-alias
         const proxy = this;
         const duration = (this.element.tagName === this.getNgDirective() && this.itemTemplate) ? 500 : 100;
-        if (!this.isSecondClick && this.isReact && !this.isDropDownClick && this.isFiltering() && this.itemTemplate != null) {
+        if (this.isReact && this.isFiltering() && this.itemTemplate != null) {
             setTimeout(() => {
                 proxy.cloneElements();
                 proxy.isSecondClick = true;
@@ -7293,6 +7304,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.selectedData = [];
         this.filterDelayTime = 300;
         this.isClicked = false;
+        this.documentClickContext = this.onDocumentClick.bind(this);
         // Specifies if the checkAll method has been called
         this.isCheckAllCalled = false;
         this.isFromFilterChange = false;
@@ -7803,7 +7815,7 @@ let DropDownTree = class DropDownTree extends Component {
         if (this.showSelectAll && this.checkAllParent) {
             EventHandler.remove(this.checkAllParent, 'mouseup', this.clickHandler);
         }
-        EventHandler.remove(document, 'mousedown', this.onDocumentClick);
+        document.removeEventListener('mousedown', this.documentClickContext);
     }
     /* Trigger when the dropdown is clicked */
     dropDownClick(e) {
@@ -8817,7 +8829,7 @@ let DropDownTree = class DropDownTree extends Component {
                 if (this.treeObj.checkedNodes.length > 0 && !this.isFilterRestore) {
                     const nodes = this.treeObj.element.querySelectorAll('li');
                     const checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
-                    if ((checkedNodes.length === nodes.length || this.checkSelectAll) && this.checkBoxElement) {
+                    if ((checkedNodes.length === nodes.length) && this.checkBoxElement) {
                         const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
                         this.changeState(wrap, 'check');
                         this.checkSelectAll = false;
@@ -8879,7 +8891,7 @@ let DropDownTree = class DropDownTree extends Component {
                     this.isPopupOpen = false;
                 },
                 open: () => {
-                    EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
+                    document.addEventListener('mousedown', this.documentClickContext);
                     this.isPopupOpen = true;
                 },
                 targetExitViewport: () => {
@@ -11148,6 +11160,7 @@ let ComboBox = class ComboBox extends DropDownList {
             super.clearAll(e);
         }
         if (this.isFiltering() && !isNullOrUndefined(e) && e.target === this.inputWrapper.clearButton) {
+            this.typedString = this.filterInput.value;
             this.searchLists(e);
         }
     }