@syncfusion/ej2-dropdowns 34.2.2 → 34.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.2.2
+*  version : 34.2.3
 *  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": "34.2.2",
+  "version": "34.2.3",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -12,9 +12,9 @@
     "@syncfusion/ej2-data": "~34.2.2",
     "@syncfusion/ej2-inputs": "~34.2.2",
     "@syncfusion/ej2-lists": "~34.2.2",
-    "@syncfusion/ej2-navigations": "~34.2.2",
+    "@syncfusion/ej2-navigations": "~34.2.3",
     "@syncfusion/ej2-notifications": "~34.2.2",
-    "@syncfusion/ej2-popups": "~34.2.2"
+    "@syncfusion/ej2-popups": "~34.2.3"
   },
   "devDependencies": {},
   "keywords": [

package/src/list-box/list-box.js

@@ -2099,10 +2099,12 @@ var ListBox = /** @class */ (function (_super) {
             return;
         }
         var isSpecialKey = e.keyCode >= 186 && e.keyCode <= 192;
+        var isBracketKey = e.keyCode === 219 || e.keyCode === 220 || e.keyCode === 221 || e.keyCode === 222;
         var isNumericKeyPadSpecialKey = e.keyCode === 107 || e.keyCode === 109 || e.keyCode === 111;
         var isWordCharacter = e.key && e.key.match(/\w/);
-        var isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=]/);
-        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter) || isSpecialKey || isNumericKeyPadSpecialKey) {
+        var isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=[\]\\ ']/);
+        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)
+            || isSpecialKey || isBracketKey || isNumericKeyPadSpecialKey) {
             this.isValidKey = true;
         }
         this.isBackSpace = e.keyCode === 8;

package/src/mention/mention.js

@@ -1432,11 +1432,12 @@ var Mention = /** @class */ (function (_super) {
             value = this.displayTempElement.innerHTML;
         }
         if (this.isContentEditable(this.inputElement)) {
-            var defaultSuffix = this.isRTE ? '​' : '';
+            var isMozilla = Browser.info.name === 'mozilla';
+            var defaultSuffix = this.isRTE || isMozilla ? '​' : '';
             if (Browser.isAndroid) {
                 return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : defaultSuffix);
             }
-            else if (Browser.info.name === 'mozilla') {
+            else if (isMozilla) {
                 return '<span>&#65279;<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>&#65279;</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : defaultSuffix);
             }
             else {

package/src/multi-select/multi-select.d.ts

@@ -706,6 +706,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
         [key: string]: Object;
     }[] | number[] | boolean[] | string[], e?: Object, isUpdated?: boolean): void;
     private updateActionList;
+    protected getAppendToElement(): HTMLElement;
     private refreshSelection;
     private hideGroupItem;
     protected getValidLi(): HTMLElement;

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

@@ -258,7 +258,8 @@ var MultiSelect = /** @class */ (function (_super) {
             if (!eventArgs.cancel) {
                 _this.focusAtFirstListItem(true);
                 if (_this.popupObj) {
-                    document.body.appendChild(_this.popupObj.element);
+                    var appendToElement = _this.getAppendToElement();
+                    appendToElement.appendChild(_this.popupObj.element);
                 }
                 if (_this.mode === 'CheckBox' && _this.enableGroupCheckBox && !isNullOrUndefined(_this.fields.groupBy)) {
                     _this.updateListItems(_this.list.querySelectorAll('li.e-list-item'), _this.mainList.querySelectorAll('li.e-list-item'));
@@ -836,6 +837,16 @@ var MultiSelect = /** @class */ (function (_super) {
             this.onPopupShown(e);
         }
     };
+    MultiSelect.prototype.getAppendToElement = function () {
+        if (this.isAngular) {
+            var cdkPane = this.element && this.element.closest ? this.element.closest('.cdk-overlay-pane') : null;
+            var popoverEl = this.element && this.element.closest ? this.element.closest('[popover]') : null;
+            if (cdkPane && popoverEl) {
+                return cdkPane;
+            }
+        }
+        return document.body;
+    };
     MultiSelect.prototype.refreshSelection = function () {
         var value;
         var element;
@@ -2422,7 +2433,7 @@ var MultiSelect = /** @class */ (function (_super) {
             else {
                 var listUl = this.list && this.list.querySelector('ul');
                 var isFullList = this.isReact && this.itemTemplate && listUl != null &&
-                    listUl.querySelectorAll('.e-list-item').length === this.mainData.length && !this.groupTemplate;
+                    listUl.querySelectorAll('.e-list-item').length === this.mainData.length && !this.groupTemplate && this.mode !== 'CheckBox';
                 this.onActionComplete(isFullList ? listUl : list, this.mainData);
             }
             this.focusAtLastListItem(data);
@@ -3333,7 +3344,8 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         if (!this.popupObj) {
             if (!isNullOrUndefined(this.popupWrapper)) {
-                document.body.appendChild(this.popupWrapper);
+                var appendToElement = this.getAppendToElement();
+                appendToElement.appendChild(this.popupWrapper);
                 var checkboxFilter = this.popupWrapper.querySelector('.' + FILTERPARENT);
                 if (this.mode === 'CheckBox' && !this.allowFiltering && checkboxFilter && this.filterParent) {
                     checkboxFilter.remove();
@@ -6378,8 +6390,11 @@ var MultiSelect = /** @class */ (function (_super) {
                 var mainLiLength = _this.ulElement.querySelectorAll('li.' + 'e-list-item').length;
                 var liLength = _this.ulElement.querySelectorAll('li.'
                     + dropDownBaseClasses.li + '.' + HIDE_LIST).length;
+                var isFilterText = _this.allowFiltering && !isNullOrUndefined(_this.inputElement) &&
+                    _this.inputElement.value.trim() !== '';
+                var isRemoteData = _this.dataSource instanceof DataManager;
                 if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length) &&
-                    !(_this.targetElement() !== '' && _this.allowCustomValue)) {
+                    !(_this.targetElement() !== '' && _this.allowCustomValue) && (!isRemoteData || !isFilterText)) {
                     _this.beforePopupOpen = false;
                     return;
                 }
@@ -6807,7 +6822,8 @@ var MultiSelect = /** @class */ (function (_super) {
         var listParentHeight = formatUnit(this.popupHeight);
         listParent.style.height = (parseInt(listParentHeight, 10)).toString() + 'px';
         listParent.appendChild(item);
-        document.body.appendChild(listParent);
+        var appendToElement = this.getAppendToElement();
+        appendToElement.appendChild(listParent);
         this.virtualListHeight = listParent.getBoundingClientRect().height;
         var listItemHeight = Math.ceil(item.getBoundingClientRect().height) +
             parseInt(window.getComputedStyle(item).marginBottom, 10);