@syncfusion/ej2-dropdowns 32.1.19 → 32.1.21

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 32.1.21
+*  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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 import * as _dropdowns from '@syncfusion/ej2-dropdowns';
 
 export declare namespace ej {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "32.1.19",
+  "version": "32.1.21",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -10,7 +10,7 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~32.1.19",
     "@syncfusion/ej2-data": "~32.1.19",
-    "@syncfusion/ej2-inputs": "~32.1.19",
+    "@syncfusion/ej2-inputs": "~32.1.20",
     "@syncfusion/ej2-lists": "~32.1.19",
     "@syncfusion/ej2-navigations": "~32.1.19",
     "@syncfusion/ej2-notifications": "~32.1.19",

package/src/common/virtual-scroll.js

@@ -262,6 +262,10 @@ var VirtualScroll = /** @class */ (function () {
             this.parent.totalItemsCount();
         }
         if (isListUpdated) {
+            if (this.component === 'multiselect' && this.parent.itemCount * 2 > this.parent.totalItemCount) {
+                this.parent.viewPortInfo.endIndex = endIndex = this.parent.totalItemCount;
+                this.parent.isVirtualTrackHeight = true;
+            }
             for (var i = this.parent.viewPortInfo.startIndex; i < endIndex; i++) {
                 var index = i;
                 if (this.component === 'multiselect' && this.parent.mode === 'CheckBox') {

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

@@ -875,8 +875,10 @@ var DropDownBase = /** @class */ (function (_super) {
                                     for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                         if (_this.getModuleName() === 'multiselect' && _this.isCheckBoxSelection && (newQuery.queries[queryElements].e && (newQuery.queries[queryElements].e.operator === 'notequal' ||
                                             newQuery.queries[queryElements].e.operator === 'equal' || newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.condition === 'and') && !_this.isCustomFiltering)) {
-                                            isReOrder = false;
-                                            break;
+                                            if (_this.totalItemCount > (_this.itemCount * 2)) {
+                                                isReOrder = false;
+                                                break;
+                                            }
                                         }
                                         if (newQuery.queries[queryElements].fn === 'onTake') {
                                             // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -132,6 +132,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private isUpdateFooterHeight;
     private filterArgs;
     private isReactTemplateUpdate;
+    private iOSscrollPosition;
     /**
      * Sets CSS classes to the root element of the component that allows customization of appearance.
      *

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

@@ -2617,6 +2617,7 @@ var DropDownList = /** @class */ (function (_super) {
         }
         var args = { cancel: false };
         this.trigger('beforeOpen', args, function (args) {
+            _this.iOSscrollPosition = { x: document.documentElement.scrollLeft, y: document.documentElement.scrollTop };
             var initialPopupHeight;
             if (!args.cancel) {
                 var popupEle_1 = _this.createElement('div', {
@@ -2839,6 +2840,9 @@ var DropDownList = /** @class */ (function (_super) {
                                 }
                             }, 15);
                         }
+                        if (_this.allowFiltering && _this.isDeviceFullScreen && Browser.isDevice && Browser.isIos) {
+                            document.documentElement.scrollIntoView();
+                        }
                     }
                     else {
                         _this.beforePopupOpen = false;
@@ -3377,6 +3381,12 @@ var DropDownList = /** @class */ (function (_super) {
                 _this.fixedHeaderElement = null;
             }
             if (!eventArgs.cancel) {
+                if (_this.isPopupOpen && _this.allowFiltering && _this.isDeviceFullScreen && Browser.isDevice && Browser.isIos) {
+                    document.documentElement.scrollTo({
+                        top: _this.iOSscrollPosition.y,
+                        left: _this.iOSscrollPosition.x
+                    });
+                }
                 if (_this.getModuleName() === 'autocomplete') {
                     _this.rippleFun();
                 }

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

@@ -2372,7 +2372,10 @@ var DropDownTree = /** @class */ (function (_super) {
             selectedValues = selectedValues.filter(function (selectedValue) {
                 var nodeData = _this.treeObj.getTreeData(selectedValue);
                 if (Array.isArray(nodeData)) {
-                    return nodeData.every(function (nodeSelectedData) { return nodeSelectedData.selected; });
+                    return nodeData.every(function (nodeSelectedData) {
+                        return nodeSelectedData.selected === true ||
+                            _this.selectedData.some(function (sel) { return sel.id === String(nodeSelectedData[_this.fields.value]); });
+                    });
                 }
                 return true;
             });

package/src/mention/mention.d.ts

@@ -377,6 +377,7 @@ export declare class Mention extends DropDownBase {
     private isSelectFocusItem;
     private unBindCommonEvent;
     private onKeyUp;
+    private showPopupWithDebounce;
     private isMatchedText;
     private getCurrentRange;
     protected performFiltering(e: KeyboardEventArgs | MouseEvent): void;

package/src/mention/mention.js

@@ -430,11 +430,11 @@ var Mention = /** @class */ (function (_super) {
             this.searchLists(e);
             if (!this.isPopupOpen && this.queryString.length >= this.minLength) {
                 if (!this.isContentEditable(this.inputElement)) {
-                    this.showPopup();
+                    this.showPopupWithDebounce();
                 }
                 else if (this.isContentEditable(this.inputElement) && this.range &&
                     this.range.startContainer !== this.inputElement && e.keyCode !== 9) {
-                    this.showPopup();
+                    this.showPopupWithDebounce();
                 }
             }
         }
@@ -472,6 +472,15 @@ var Mention = /** @class */ (function (_super) {
         }
         this.isListResetted = false;
     };
+    Mention.prototype.showPopupWithDebounce = function () {
+        var _this = this;
+        if (this.minLength > 0 && this.minLength === this.queryString.length) {
+            setTimeout(function () { _this.showPopup(); }, this.debounceDelay);
+        }
+        else {
+            this.showPopup();
+        }
+    };
     Mention.prototype.isMatchedText = function () {
         var isMatched = false;
         for (var i = 0; i < (this.liCollections && this.liCollections.length); i++) {

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

@@ -5867,7 +5867,7 @@ var MultiSelect = /** @class */ (function (_super) {
                         if (_this.hideSelectedItem && _this.value && Array.isArray(_this.value) && _this.value.length > 0) {
                             _this.totalItemsCount();
                         }
-                        if (!_this.preventSetCurrentData && _this.totalItemCount > (_this.itemCount * 2) &&
+                        if (!_this.preventSetCurrentData &&
                             !isNullOrUndefined(_this.viewPortInfo.startIndex) &&
                             !isNullOrUndefined(_this.viewPortInfo.endIndex)) {
                             _this.notify('setCurrentViewDataAsync', {

package/styles/bootstrap5.3-lite.css

@@ -2928,7 +2928,7 @@ ejs-listbox {
 .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
-  color: rgba(var(--color-sf-content-text-color), 0.87);
+  color: var(--color-sf-content-text-color-selected);
 }
 .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
 .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,

package/styles/bootstrap5.3.css

@@ -3539,7 +3539,7 @@ ejs-listbox {
 .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
-  color: rgba(var(--color-sf-content-text-color), 0.87);
+  color: var(--color-sf-content-text-color-selected);
 }
 .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
 .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,

package/styles/drop-down-list/_layout.scss

@@ -5,7 +5,7 @@
   .e-ddl#{&}.e-popup {
     #{if(&, '&', '*')} .e-input-group {
       @if ($skin-name == 'Material3') {
-        margin-top: $ddl-popup-input-group-mat-margin-top;
+        padding-top: $ddl-popup-input-group-mat-margin-top;
       }
     }
   }

package/styles/drop-down-list/material3-dark.css

@@ -335,7 +335,7 @@
 }
 
 .e-ddl.e-popup .e-input-group {
-  margin-top: 4px;
+  padding-top: 4px;
 }
 
 .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {

package/styles/drop-down-list/material3.css

@@ -337,7 +337,7 @@
 }
 
 .e-ddl.e-popup .e-input-group {
-  margin-top: 4px;
+  padding-top: 4px;
 }
 
 .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {

package/styles/list-box/_bootstrap5.3-definition.scss

@@ -102,8 +102,8 @@ $listbox-border-right-color: transparent !default;
 $listbox-border-left-color: transparent !default;
 $listbox-text-hover-color: $content-text-color !default;
 $listbox-item-active-bg: $content-bg-color-selected !default;
-$listbox-text-active-color: rgba($content-text-color, .87) !default;
 $listbox-text-selected-color: $content-text-color-selected !default;
+$listbox-text-active-color: $listbox-text-selected-color !default;
 $listbox-header-text-color: $content-text-color-alt2 !default;
 $listbox-header-text-disabled: $content-text-color-disabled !default;
 $listbox-header-bg: $content-bg-color-alt2 !default;

package/styles/list-box/bootstrap5.3.css

@@ -842,7 +842,7 @@ ejs-listbox {
 .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
-  color: rgba(var(--color-sf-content-text-color), 0.87);
+  color: var(--color-sf-content-text-color-selected);
 }
 .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
 .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,

package/styles/material3-dark-lite.css

@@ -642,7 +642,7 @@
 }
 
 .e-ddl.e-popup .e-input-group {
-  margin-top: 4px;
+  padding-top: 4px;
 }
 
 .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {

package/styles/material3-dark.css

@@ -716,7 +716,7 @@
 }
 
 .e-ddl.e-popup .e-input-group {
-  margin-top: 4px;
+  padding-top: 4px;
 }
 
 .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {

package/styles/material3-lite.css

@@ -644,7 +644,7 @@
 }
 
 .e-ddl.e-popup .e-input-group {
-  margin-top: 4px;
+  padding-top: 4px;
 }
 
 .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {

package/styles/material3.css

@@ -718,7 +718,7 @@
 }
 
 .e-ddl.e-popup .e-input-group {
-  margin-top: 4px;
+  padding-top: 4px;
 }
 
 .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {