@syncfusion/ej2-dropdowns 24.1.41 → 24.1.43

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

@@ -3125,6 +3125,14 @@ let DropDownList = class DropDownList extends DropDownBase {
                 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();
     }
     updateVirtualItemIndex() {
@@ -3258,6 +3266,14 @@ let DropDownList = class DropDownList extends DropDownBase {
             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 });
+            }
+        }
     }
     PageUpDownSelection(previousItem, event) {
         if (this.enableVirtualization) {
@@ -3276,6 +3292,14 @@ let DropDownList = class DropDownList extends DropDownBase {
             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 });
+            }
+        }
     }
     unWireEvent() {
         if (!isNullOrUndefined(this.inputWrapper)) {
@@ -4924,6 +4948,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                 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' });
@@ -10364,7 +10391,7 @@ let AutoComplete = class AutoComplete extends ComboBox {
         super.renderPopup(e);
     }
     isEditTextBox() {
-        return true && this.inputElement.value.trim() !== '';
+        return false;
     }
     isPopupButton() {
         return this.showPopupButton;
@@ -15667,6 +15694,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         this.initLoad = true;
         this.isCustomFiltering = false;
         this.initialSelectedOptions = this.value;
+        this.inputFormName = this.element.getAttribute('name');
         super.render();
         this.setEnabled();
         this.renderComplete();
@@ -15813,6 +15841,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         });
     }
     validationAttribute(input, hiddenSelect) {
+        if (this.inputFormName) {
+            input.setAttribute('name', this.inputFormName);
+        }
         super.validationAttribute(input, hiddenSelect);
         hiddenSelect.required = input.required;
         input.required = false;
@@ -18267,12 +18298,17 @@ let Mention = class Mention extends DropDownBase {
         }
         let currentRange = this.getTextRange();
         const lastWordRange = this.getLastLetter(currentRange);
+        const lastTwoLetters = this.mentionChar.toString() + this.mentionChar.toString();
         // eslint-disable-next-line security/detect-non-literal-regexp
         const Regex = new RegExp(this.mentionChar.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g');
         const 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 &&
@@ -18413,7 +18449,7 @@ let Mention = class Mention extends DropDownBase {
                 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();