@syncfusion/ej2-dropdowns 24.1.41 → 24.1.44

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

@@ -3004,6 +3004,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     if (this.getModuleName() === 'dropdownlist') {
                         if (!this.beforePopupOpen) {
                             this.showPopup();
+                            e.preventDefault();
                         }
                     }
                     break;
@@ -3125,6 +3126,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 +3267,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 +3293,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)) {
@@ -4405,6 +4430,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     this.setFooterTemplate(popupEle);
                 }
                 document.body.appendChild(popupEle);
+                popupEle.style.top = '0px';
                 if (this.enableVirtualization && this.itemTemplate) {
                     var listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
                     this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) : 0;
@@ -4924,6 +4950,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' });
@@ -8450,7 +8479,7 @@ let DropDownTree = class DropDownTree extends Component {
             else {
                 this.treeObj.uncheckAll();
             }
-            this.checkSelectAll = true;
+            this.checkSelectAll = state;
         }
         else if (this.allowMultiSelection) {
             if (!state) {
@@ -10364,7 +10393,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 +15696,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 +15843,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;
@@ -15888,6 +15921,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
     }
     onActionComplete(ulElement, list, e) {
         let searchEle;
+        let filterElem;
+        let txtLength;
         if (this.allowFiltering && this.list.getElementsByClassName('e-filter-parent')[0]) {
             searchEle = this.list.getElementsByClassName('e-filter-parent')[0].cloneNode(true);
         }
@@ -15897,6 +15932,12 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 ulElement.removeChild(noRecElem);
             }
         }
+        if (this.allowFiltering) {
+            filterElem = this.list.getElementsByClassName('e-input-filter')[0];
+            if (filterElem) {
+                txtLength = filterElem.selectionStart;
+            }
+        }
         super.onActionComplete(ulElement, list, e);
         if (this.allowFiltering && !isNullOrUndefined(searchEle)) {
             this.list.insertBefore(searchEle, this.list.firstElementChild);
@@ -15926,8 +15967,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 this.isDataSourceUpdate = false;
             }
             if (this.allowFiltering) {
-                const filterElem = this.list.getElementsByClassName('e-input-filter')[0];
-                const txtLength = this.filterInput.value.length;
+                filterElem = this.list.getElementsByClassName('e-input-filter')[0];
                 filterElem.selectionStart = txtLength;
                 filterElem.selectionEnd = txtLength;
                 filterElem.focus();
@@ -17295,7 +17335,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         e.stopPropagation();
     }
     keyDownHandler(e) {
-        if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && !this.allowFiltering) {
+        if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && (!this.allowFiltering ||
+            (this.allowFiltering && e.target !== this.filterInput))) {
             if (e.target && e.target.className.indexOf('e-edit-template') > -1) {
                 return;
             }
@@ -17388,6 +17429,10 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         }
     }
     KeyUp(e) {
+        if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
+            e.preventDefault();
+            return;
+        }
         const char = String.fromCharCode(e.keyCode);
         const isWordCharacter = char.match(/\w/);
         if (!isNullOrUndefined(isWordCharacter)) {
@@ -18267,16 +18312,21 @@ 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 &&
-                this.range.startContainer.previousElementSibling && this.range.startContainer.textContent.split('').length > 0 &&
+                this.range.startContainer.previousElementSibling && this.range.startContainer.previousElementSibling.tagName !== 'BR' && this.range.startContainer.textContent.split('').length > 0 &&
                 (rangetextContent.length === 1 || rangetextContent[rangetextContent.length - 2].indexOf('') === -1 ||
                     this.range.startContainer.nodeType === 1))) {
             if (this.allowSpaces && currentRange && currentRange.trim() !== '' && charRegex.test(currentRange) && currentRange.indexOf(this.mentionChar) !== -1
@@ -18314,7 +18364,7 @@ let Mention = class Mention extends DropDownBase {
             if (isNullOrUndefined(this.list)) {
                 this.initValue();
             }
-            if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40) {
+            if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40 && this.queryString.length >= this.minLength) {
                 this.didPopupOpenByTypingInitialChar = true;
                 this.showPopup();
                 if (this.initRemoteRender && this.list.querySelectorAll('li').length === 0) {
@@ -18413,7 +18463,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();