@syncfusion/ej2-dropdowns 33.1.44 → 33.1.47

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.1.44
+*  version : 33.1.47
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "33.1.44",
+  "version": "33.1.47",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,11 +8,11 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~33.1.44",
-    "@syncfusion/ej2-data": "~33.1.44",
-    "@syncfusion/ej2-inputs": "~33.1.44",
-    "@syncfusion/ej2-lists": "~33.1.44",
-    "@syncfusion/ej2-navigations": "~33.1.44",
+    "@syncfusion/ej2-base": "~33.1.45",
+    "@syncfusion/ej2-data": "~33.1.45",
+    "@syncfusion/ej2-inputs": "~33.1.47",
+    "@syncfusion/ej2-lists": "~33.1.47",
+    "@syncfusion/ej2-navigations": "~33.1.47",
     "@syncfusion/ej2-notifications": "~33.1.44",
     "@syncfusion/ej2-popups": "~33.1.44"
   },

package/src/common/virtual-scroll.js

@@ -265,7 +265,7 @@ var VirtualScroll = /** @class */ (function () {
             this.parent.totalItemsCount();
         }
         if (isListUpdated) {
-            if (this.component === 'multiselect' && this.parent.itemCount * 2 > this.parent.totalItemCount) {
+            if (this.component === 'multiselect' && this.parent.itemCount * 2 > this.parent.totalItemCount && !(this.parent.dataSource instanceof DataManager)) {
                 this.parent.viewPortInfo.endIndex = endIndex = this.parent.totalItemCount;
                 this.parent.isVirtualTrackHeight = true;
             }

package/src/drop-down-base/drop-down-base.js

@@ -482,6 +482,12 @@ var DropDownBase = /** @class */ (function (_super) {
         translateY = translateY - (this.skeletonCount * this.listItemHeight);
         translateY = ((this.viewPortInfo.startIndex === 0 && this.listData && this.listData.length === 0) ||
             this.skeletonCount === 0) ? 0 : translateY;
+        var virtualElement = this.list.getElementsByClassName('e-virtual-ddl')[0];
+        var style = virtualElement && virtualElement.style && virtualElement.style.height;
+        if (this.getModuleName() === 'multiselect' && !isNullOrUndefined(style) && style === '' &&
+            this.dataSource instanceof DataManager) {
+            translateY = 0;
+        }
         var styleText = "transform: translate(0px, " + translateY + "px);";
         return styleText;
     };
@@ -764,12 +770,25 @@ var DropDownBase = /** @class */ (function (_super) {
                             _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
                             var isReOrder = true;
                             if (!_this.virtualSelectAll) {
+                                var newQueryWhereCount = void 0;
+                                var queryWhereCount = void 0;
                                 var newQuery = query_1.clone();
                                 for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                     if (newQuery.queries[queryElements].fn === 'onWhere') {
                                         isWhereExist_1 = true;
+                                        newQueryWhereCount++;
                                     }
                                 }
+                                for (var queryElements = 0; !isNullOrUndefined(_this.query) &&
+                                    queryElements < _this.query.queries.length; queryElements++) {
+                                    if (_this.query.queries[queryElements].fn === 'onWhere') {
+                                        isWhereExist_1 = true;
+                                        queryWhereCount++;
+                                    }
+                                }
+                                if (queryWhereCount === newQueryWhereCount) {
+                                    isWhereExist_1 = false;
+                                }
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 if (_this.isVirtualizationEnabled && (e.count !== 0 && e.count < (_this.itemCount * 2))) {
                                     if (newQuery) {

package/src/drop-down-list/drop-down-list.js

@@ -527,6 +527,11 @@ var DropDownList = /** @class */ (function (_super) {
             this.isActive = false;
             this.beforePopupOpen = false;
         }
+        // Cancel any pending debounced filtering when focus leaves the component.
+        if (this.debounceTimer !== null) {
+            clearTimeout(this.debounceTimer);
+            this.debounceTimer = null;
+        }
         this.isFocused = false;
     };
     DropDownList.prototype.focusOutAction = function (e) {
@@ -3605,6 +3610,12 @@ var DropDownList = /** @class */ (function (_super) {
         }
         else {
             this.inputElement = this.createElement('input', { attrs: { role: 'combobox', type: 'text' } });
+            if (this.element.tagName === this.getNgDirective()) {
+                // Pre-populate id so Input.createInput/createFloatingInput can wire label.for correctly
+                var ngId = this.element.getAttribute('id') ? this.element.getAttribute('id') : getUniqueID('ej2_dropdownlist');
+                this.element.id = ngId;
+                this.inputElement.id = ngId + '_input';
+            }
             if (this.element.tagName !== this.getNgDirective()) {
                 this.element.style.display = 'none';
             }
@@ -3668,6 +3679,9 @@ var DropDownList = /** @class */ (function (_super) {
         var id = this.element.getAttribute('id') ? this.element.getAttribute('id') : getUniqueID('ej2_dropdownlist');
         this.element.id = id;
         this.hiddenElement.id = id + '_hidden';
+        if (this.element.tagName === this.getNgDirective() && !this.inputElement.id) {
+            this.inputElement.id = id + '_input';
+        }
         this.targetElement().setAttribute('tabindex', this.tabIndex);
         if ((this.getModuleName() === 'autocomplete' || this.getModuleName() === 'combobox') && !this.readonly) {
             if (!this.inputElement.hasAttribute('aria-label')) {

package/src/drop-down-tree/drop-down-tree.d.ts

@@ -333,6 +333,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private clearIconWidth;
     private isClicked;
     private documentClickContext;
+    private windowResizeContext;
     private isCheckAllCalled;
     private isFromFilterChange;
     private valueTemplateContainer;

package/src/drop-down-tree/drop-down-tree.js

@@ -172,6 +172,7 @@ var DropDownTree = /** @class */ (function (_super) {
         _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;
@@ -661,7 +662,7 @@ var DropDownTree = /** @class */ (function (_super) {
         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);
         var formElement = closest(this.inputWrapper, 'form');
         if (formElement) {
             EventHandler.add(formElement, 'reset', this.resetValueHandler, this);
@@ -697,7 +698,7 @@ var DropDownTree = /** @class */ (function (_super) {
         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);
         var formElement = closest(this.inputWrapper, 'form');
         if (formElement) {
             EventHandler.remove(formElement, 'reset', this.resetValueHandler);

package/src/mention/mention.js

@@ -378,6 +378,12 @@ var Mention = /** @class */ (function (_super) {
             }
         }
         var 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
         var mentionRegex = new RegExp(this.mentionChar.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '\\s');
         var isValid = currentRange && mentionRegex.test(currentRange) ? false : true;

package/src/multi-select/float-label.js

@@ -25,9 +25,15 @@ export function createFloatLabel(overAllWrapper, searchWrapper, element, inputEl
     var floatLabelElement = createElement('label', { className: FLOATTEXT });
     var id = element.getAttribute('id') ? element.getAttribute('id') : getUniqueID('ej2_multiselect');
     element.id = id;
+    var isAngularComponent = false;
+    if (element.tagName && element.tagName.indexOf('EJS-') === 0 && inputElement.id === '' && element !== inputElement) {
+        inputElement.id = id + '_input';
+        isAngularComponent = true;
+    }
     if (!isNullOrUndefined(element.id) && element.id !== '') {
-        floatLabelElement.id = 'label_' + element.id.replace(/ /g, '_');
-        floatLabelElement.setAttribute('for', element.id);
+        var labelTarget = isAngularComponent ? inputElement.id || element.id : element.id;
+        floatLabelElement.id = 'label_' + labelTarget.replace(/ /g, '_');
+        floatLabelElement.setAttribute('for', labelTarget);
         attributes(inputElement, { 'aria-labelledby': floatLabelElement.id });
     }
     if (!isNullOrUndefined(inputElement.placeholder) && inputElement.placeholder !== '') {

package/src/multi-select/multi-select.js

@@ -2523,6 +2523,9 @@ var MultiSelect = /** @class */ (function (_super) {
                 selectedChips[0].removeAttribute('id');
                 if (!isNullOrUndefined(this.inputElement) && this.inputElement.hasAttribute('aria-activedescendant')) {
                     this.inputElement.removeAttribute('aria-activedescendant');
+                    if (!this.inputElement.hasAttribute('aria-describedby') && this.chipCollectionWrapper.id) {
+                        this.inputElement.setAttribute('aria-describedby', this.chipCollectionWrapper.id);
+                    }
                 }
             }
             this.removeChipFocus();
@@ -2534,6 +2537,9 @@ var MultiSelect = /** @class */ (function (_super) {
             element.setAttribute('id', this.element.id + '_chip_item');
             if (!isNullOrUndefined(this.inputElement) && element.id) {
                 this.inputElement.setAttribute('aria-activedescendant', element.id);
+                if (this.inputElement.hasAttribute('aria-describedby')) {
+                    this.inputElement.removeAttribute('aria-describedby');
+                }
             }
             var chipClose = element.querySelector('span.' + CHIP_CLOSE.split(' ')[0]);
             if (chipClose) {
@@ -5059,9 +5065,11 @@ var MultiSelect = /** @class */ (function (_super) {
             firstItems.forEach(function (node) {
                 fragment_1.appendChild(node.cloneNode(true));
             });
-            li.forEach(function (node) {
-                fragment_1.appendChild(node.cloneNode(true));
-            });
+            if ((this.totalItemCount >= (this.itemCount * 2) && this.dataSource instanceof DataManager)) {
+                li.forEach(function (node) {
+                    fragment_1.appendChild(node.cloneNode(true));
+                });
+            }
             var concatenatedNodeList = fragment_1.childNodes;
             if (this.virtualSelectAllData instanceof Array) {
                 while (index < length && index <= 50 && index < count) {
@@ -5962,7 +5970,8 @@ var MultiSelect = /** @class */ (function (_super) {
                         _this.renderItems(_this.mainData, _this.fields);
                     }
                     _this.virtualCustomData = null;
-                    _this.isVirtualTrackHeight = _this.totalItemCount >= (_this.itemCount * 2) ? false : true;
+                    _this.isVirtualTrackHeight = (_this.totalItemCount >= (_this.itemCount * 2) ||
+                        _this.dataSource instanceof DataManager) ? false : true;
                 }
             });
         }
@@ -6179,7 +6188,7 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         else {
             this.chipCollectionWrapper = this.createElement('span', {
-                className: CHIP_WRAPPER, attrs: { role: 'listbox' }
+                className: CHIP_WRAPPER
             });
             this.chipCollectionWrapper.style.display = 'none';
             if (this.mode === 'Default') {