@syncfusion/ej2-dropdowns 33.1.46 → 33.1.47

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

@@ -1567,12 +1567,25 @@ let DropDownBase = class DropDownBase extends Component {
                             this.isPreventChange = this.isAngular && this.preventChange ? true : this.isPreventChange;
                             let isReOrder = true;
                             if (!this.virtualSelectAll) {
+                                let newQueryWhereCount;
+                                let queryWhereCount;
                                 const newQuery = query.clone();
                                 for (let queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                     if (newQuery.queries[queryElements].fn === 'onWhere') {
                                         isWhereExist = true;
+                                        newQueryWhereCount++;
                                     }
                                 }
+                                for (let queryElements = 0; !isNullOrUndefined(this.query) &&
+                                    queryElements < this.query.queries.length; queryElements++) {
+                                    if (this.query.queries[queryElements].fn === 'onWhere') {
+                                        isWhereExist = true;
+                                        queryWhereCount++;
+                                    }
+                                }
+                                if (queryWhereCount === newQueryWhereCount) {
+                                    isWhereExist = false;
+                                }
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 if (this.isVirtualizationEnabled && (e.count !== 0 && e.count < (this.itemCount * 2))) {
                                     if (newQuery) {
@@ -8078,6 +8091,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.filterDelayTime = 300;
         this.isClicked = false;
         this.documentClickContext = this.onDocumentClick.bind(this);
+        this.windowResizeContext = this.windowResize.bind(this);
         // Specifies if the checkAll method has been called
         this.isCheckAllCalled = false;
         this.isFromFilterChange = false;
@@ -8558,7 +8572,7 @@ let DropDownTree = class DropDownTree extends Component {
         EventHandler.add(this.inputWrapper, 'mousemove', this.mouseIn, this);
         EventHandler.add(this.inputWrapper, 'mouseout', this.onMouseLeave, this);
         EventHandler.add(this.overAllClear, 'mousedown', this.clearAll, this);
-        EventHandler.add(window, 'resize', this.windowResize, this);
+        EventHandler.add(window, 'resize', this.windowResizeContext);
         const formElement = closest(this.inputWrapper, 'form');
         if (formElement) {
             EventHandler.add(formElement, 'reset', this.resetValueHandler, this);
@@ -8594,7 +8608,7 @@ let DropDownTree = class DropDownTree extends Component {
         EventHandler.remove(this.inputWrapper, 'mousemove', this.mouseIn);
         EventHandler.remove(this.inputWrapper, 'mouseout', this.onMouseLeave);
         EventHandler.remove(this.overAllClear, 'mousedown', this.clearAll);
-        EventHandler.remove(window, 'resize', this.windowResize);
+        EventHandler.remove(window, 'resize', this.windowResizeContext);
         const formElement = closest(this.inputWrapper, 'form');
         if (formElement) {
             EventHandler.remove(formElement, 'reset', this.resetValueHandler);
@@ -23829,6 +23843,12 @@ let Mention = class Mention extends DropDownBase {
             }
         }
         const currentRange = this.getTextRange();
+        // Pre-flight guard: close popup if mention character is no longer present
+        if (this.isPopupOpen && currentRange !== undefined && currentRange.indexOf(this.mentionChar) === -1) {
+            this.queryString = '';
+            this.hidePopup();
+            return;
+        }
         // eslint-disable-next-line security/detect-non-literal-regexp
         const mentionRegex = new RegExp(this.mentionChar.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '\\s');
         const isValid = currentRange && mentionRegex.test(currentRange) ? false : true;