@syncfusion/ej2-dropdowns 24.1.41 → 24.1.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.41
+*  version : 24.1.43
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@18.66.19",
+  "_id": "@syncfusion/ej2-dropdowns@24.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-s44ZbX8pmdJIl6CM2ku298JD2p3QiAnI2/rPJQu9kar1yjLrXdnokG80WPDU3/isZ1NUsKcuMCaU38P/keLcMA==",
+  "_integrity": "sha512-IL8H6aWMD4lIszEcLXcz0tsfKQKjhilf1PjzuXND23WPwav6sFZB9n0l/NRbcz/4VxrgO+bILwF0IAe2OhuFOA==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.66.19.tgz",
-  "_shasum": "b096d3578c1d78fb2eb247425960d07e5af5657b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.1.41.tgz",
+  "_shasum": "adb5ce716e10c5c61ce46a81ba76967a1cf3e4af",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -43,7 +43,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-base": "~24.1.42",
     "@syncfusion/ej2-data": "~24.1.41",
     "@syncfusion/ej2-inputs": "~24.1.41",
     "@syncfusion/ej2-lists": "~24.1.41",
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "24.1.41",
+  "version": "24.1.43",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/auto-complete/auto-complete.js

@@ -293,7 +293,7 @@ var AutoComplete = /** @class */ (function (_super) {
         _super.prototype.renderPopup.call(this, e);
     };
     AutoComplete.prototype.isEditTextBox = function () {
-        return true && this.inputElement.value.trim() !== '';
+        return false;
     };
     AutoComplete.prototype.isPopupButton = function () {
         return this.showPopupButton;

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

@@ -1030,6 +1030,14 @@ var DropDownList = /** @class */ (function (_super) {
                 this.activeIndex = filterIndex;
             }
         }
+        if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
+            if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-item-focus')[0])) {
+                attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-item-focus')[0].id });
+            }
+            else if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-active')[0])) {
+                attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-active')[0].id });
+            }
+        }
         e.preventDefault();
     };
     DropDownList.prototype.updateVirtualItemIndex = function () {
@@ -1163,6 +1171,14 @@ var DropDownList = /** @class */ (function (_super) {
             previousItem = this.liCollections[this.skeletonCount];
         }
         this.PageUpDownSelection(previousItem, event);
+        if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
+            if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-item-focus')[0])) {
+                attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-item-focus')[0].id });
+            }
+            else if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-active')[0])) {
+                attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-active')[0].id });
+            }
+        }
     };
     DropDownList.prototype.PageUpDownSelection = function (previousItem, event) {
         if (this.enableVirtualization) {
@@ -1181,6 +1197,14 @@ var DropDownList = /** @class */ (function (_super) {
             previousItem = steps <= list.length ? this.liCollections[steps + this.skeletonCount - 1] : this.liCollections[list.length - 1];
         }
         this.PageUpDownSelection(previousItem, event);
+        if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
+            if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-item-focus')[0])) {
+                attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-item-focus')[0].id });
+            }
+            else if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-active')[0])) {
+                attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-active')[0].id });
+            }
+        }
     };
     DropDownList.prototype.unWireEvent = function () {
         if (!isNullOrUndefined(this.inputWrapper)) {
@@ -2848,6 +2872,9 @@ var DropDownList = /** @class */ (function (_super) {
                 EventHandler.remove(this.filterInput, 'blur', this.onBlurHandler);
                 EventHandler.remove(this.filterInput, 'paste', this.pasteHandler);
             }
+            if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
+                this.filterInput.removeAttribute('aria-activedescendant');
+            }
             this.filterInput = null;
         }
         attributes(this.targetElement(), { 'aria-expanded': 'false' });

package/src/list-box/list-box.d.ts

@@ -134,6 +134,7 @@ export declare class ListBox extends DropDownBase {
     private dragValue;
     private customDraggedItem;
     private timer;
+    private inputFormName;
     /**
      * Sets the CSS classes to root element of this component, which helps to customize the
      * complete styles.

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

@@ -129,6 +129,7 @@ var ListBox = /** @class */ (function (_super) {
         this.initLoad = true;
         this.isCustomFiltering = false;
         this.initialSelectedOptions = this.value;
+        this.inputFormName = this.element.getAttribute('name');
         _super.prototype.render.call(this);
         this.setEnabled();
         this.renderComplete();
@@ -277,6 +278,9 @@ var ListBox = /** @class */ (function (_super) {
         });
     };
     ListBox.prototype.validationAttribute = function (input, hiddenSelect) {
+        if (this.inputFormName) {
+            input.setAttribute('name', this.inputFormName);
+        }
         _super.prototype.validationAttribute.call(this, input, hiddenSelect);
         hiddenSelect.required = input.required;
         input.required = false;

package/src/mention/mention.js

@@ -314,12 +314,17 @@ var Mention = /** @class */ (function (_super) {
         }
         var currentRange = this.getTextRange();
         var lastWordRange = this.getLastLetter(currentRange);
+        var lastTwoLetters = this.mentionChar.toString() + this.mentionChar.toString();
         // eslint-disable-next-line security/detect-non-literal-regexp
         var Regex = new RegExp(this.mentionChar.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g');
         var charRegex = new RegExp('[a-zA-Z]', 'g');
         if (e.key === 'Shift' || e.keyCode === 37 || e.keyCode === 39) {
             return;
         }
+        if (this.beforePopupOpen && this.isPopupOpen && lastWordRange == lastTwoLetters) {
+            this.hidePopup();
+            return;
+        }
         if ((!currentRange || !lastWordRange) || e.code === 'Enter' || e.keyCode === 27 ||
             (lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
             (this.isContentEditable(this.inputElement) && this.range.startContainer &&
@@ -461,7 +466,7 @@ var Mention = /** @class */ (function (_super) {
                 this.selectEventCallback(focusItem, this.getDataByValue(value), value, true);
             }
             if (this.beforePopupOpen && this.isPopupOpen) {
-                if (this.initRemoteRender && !isNullOrUndefined(this.popupObj.element)) {
+                if (!isNullOrUndefined(this.popupObj.element)) {
                     this.popupObj.element.remove();
                 }
                 this.renderPopup();

package/styles/bootstrap-dark.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/bootstrap.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/bootstrap4.css

@@ -78,9 +78,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/bootstrap5-dark.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/bootstrap5.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

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

@@ -57,9 +57,6 @@
       #{if(&, '&', '*')} .e-fixed-head {
         position: absolute;
         top: 0;
-        .e-rtl #{if(&, '&', '*')} {
-          left: 33px;
-        }
       }
     }
   }

package/styles/drop-down-base/bootstrap-dark.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/bootstrap.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/bootstrap4.css

@@ -78,9 +78,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/bootstrap5-dark.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/bootstrap5.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/fabric-dark.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/fabric.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/fluent-dark.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/fluent.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/highcontrast-light.css

@@ -82,9 +82,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/highcontrast.css

@@ -82,9 +82,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/material-dark.css

@@ -67,9 +67,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/material.css

@@ -67,9 +67,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

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

@@ -122,9 +122,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

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

@@ -178,9 +178,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/tailwind-dark.css

@@ -102,9 +102,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/drop-down-base/tailwind.css

@@ -102,9 +102,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/fabric-dark.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/fabric.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/fluent-dark.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/fluent.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/highcontrast-light.css

@@ -82,9 +82,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/highcontrast.css

@@ -82,9 +82,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/material-dark.css

@@ -67,9 +67,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/material.css

@@ -67,9 +67,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/material3-dark.css

@@ -122,9 +122,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/material3.css

@@ -178,9 +178,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/tailwind-dark.css

@@ -102,9 +102,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;

package/styles/tailwind.css

@@ -102,9 +102,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;