@syncfusion/ej2-dropdowns 31.2.5 → 31.2.15

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

@@ -204,7 +204,7 @@ function resetIncrementalSearchValues(elementId) {
  */
 function highlightSearch(element, query, ignoreCase, type) {
     const isHtmlElement = /<[^>]*>/g.test(element.innerText);
-    if (isHtmlElement) {
+    if (isHtmlElement && query !== '') {
         element.innerText = element.innerText.replace(/[\u00A0-\u9999<>&]/g, (match) => `&#${match.charCodeAt(0)};`);
     }
     if (query === '') {
@@ -5755,6 +5755,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.getFocusElement();
                 this.checkCollision(popupEle);
                 if (Browser.isDevice) {
+                    this.popupObj.resolveCollision();
                     if ((parseInt(this.popupWidth.toString(), 10) > window.outerWidth) &&
                         !(this.getModuleName() === 'dropdownlist' && this.allowFiltering)) {
                         this.popupObj.element.classList.add('e-wide-popup');
@@ -6597,9 +6598,18 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         else if (this.element.tagName === 'SELECT' && this.element.options[0]) {
             const selectElement = this.element;
-            this.value = this.allowObjectBinding ? this.getDataByValue(selectElement.options[selectElement.selectedIndex].value) :
-                selectElement.options[selectElement.selectedIndex].value;
-            this.text = isNullOrUndefined(this.value) ? null : selectElement.options[selectElement.selectedIndex].textContent;
+            const selectIndex = selectElement.selectedIndex;
+            if (selectIndex >= 0) {
+                this.value = this.allowObjectBinding
+                    ? this.getDataByValue(selectElement.options[selectIndex].value)
+                    : selectElement.options[selectIndex].value;
+                this.text = isNullOrUndefined(this.value) ? null : selectElement.options[selectIndex].textContent;
+            }
+            else {
+                if (this.index === null) {
+                    this.index = -1;
+                }
+            }
             this.initValue();
         }
         this.setEnabled();
@@ -9446,8 +9456,9 @@ let DropDownTree = class DropDownTree extends Component {
         const isFooter = closest(target, '.' + FOOTER);
         const isScroller = target.classList.contains(DROPDOWN) ? true :
             (matches$1(target, '.e-ddt .e-popup') || matches$1(target, '.e-ddt .e-treeview'));
+        const isSelectAllArea = target.classList.contains('e-ripple-container');
         if ((this.isPopupOpen && ((!isNullOrUndefined(this.inputWrapper) &&
-            this.inputWrapper.contains(target)) || isTree || isScroller || isHeader || isFooter)) ||
+            this.inputWrapper.contains(target)) || isTree || isScroller || isHeader || isFooter || isSelectAllArea)) ||
             ((this.allowMultiSelection || this.showCheckBox) && (this.isPopupOpen && target.classList.contains(CHIP_CLOSE) ||
                 (this.isPopupOpen && (target.classList.contains(CHECKALLPARENT) || target.classList.contains(ALLTEXT)
                     || target.classList.contains(CHECKBOXFRAME)))))) {
@@ -13284,23 +13295,21 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
     }
     updatePopupHeightOnFilter() {
-        if (this.allowFiltering && this.allowResize && this.keyboardEvent) {
-            if (this.allowResize && this.popupObj && this.list) {
-                const filterText = this.inputElement && this.inputElement.value;
-                const filteredItems = this.list.querySelectorAll('li.e-list-item:not(.e-hide-listitem):not(.e-disabled)');
-                const isFiltering = filterText && filterText.length > 0;
-                if (isFiltering && filteredItems.length > 0) {
-                    const itemHeight = filteredItems[0].offsetHeight;
-                    const newHeight = filteredItems.length * itemHeight;
-                    this.popupObj.element.style.maxHeight = newHeight + 16 + 'px';
-                    this.list.style.maxHeight = newHeight + 'px';
-                }
-                else if (!isFiltering) {
-                    const restoreHeight = this.resizeHeight || parseInt(this.popupHeight, 10);
-                    this.popupObj.element.style.maxHeight = restoreHeight + 'px';
-                    this.list.style.maxHeight = restoreHeight + 'px';
-                    this.setResize();
-                }
+        if (this.allowFiltering && this.allowResize && this.keyboardEvent && this.popupObj && this.list) {
+            const filterText = this.inputElement && this.inputElement.value;
+            const filteredItems = this.list.querySelectorAll('li.e-list-item:not(.e-hide-listitem):not(.e-disabled)');
+            const isFiltering = filterText && filterText.length > 0;
+            if (isFiltering && filteredItems.length > 0) {
+                const itemHeight = filteredItems[0].offsetHeight;
+                const newHeight = filteredItems.length * itemHeight;
+                this.popupObj.element.style.maxHeight = newHeight + 16 + 'px';
+                this.list.style.maxHeight = newHeight + 'px';
+            }
+            else if (!isFiltering) {
+                const restoreHeight = this.resizeHeight || parseInt(this.popupHeight, 10);
+                this.popupObj.element.style.maxHeight = restoreHeight + 'px';
+                this.list.style.maxHeight = restoreHeight + 'px';
+                this.setResize();
             }
         }
     }
@@ -15406,9 +15415,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     removeChipSelection() {
         if (this.chipCollectionWrapper) {
             const selectedChips = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP$1 + '.' + CHIP_SELECTED);
-            if (selectedChips && selectedChips.length > 0) {
-                for (let i = 0; i < selectedChips.length; i++) {
-                    selectedChips[i].removeAttribute('aria-live');
+            if (selectedChips && selectedChips.length === 1) {
+                selectedChips[0].removeAttribute('id');
+                if (!isNullOrUndefined(this.inputElement) && this.inputElement.hasAttribute('aria-activedescendant')) {
+                    this.inputElement.removeAttribute('aria-activedescendant');
                 }
             }
             this.removeChipFocus();
@@ -15417,7 +15427,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     addChipSelection(element, e) {
         addClass([element], CHIP_SELECTED);
         if (element) {
-            element.setAttribute('aria-live', 'polite');
+            element.setAttribute('id', this.element.id + '_chip_item');
+            if (!isNullOrUndefined(this.inputElement) && element.id && !this.inputElement.hasAttribute('aria-activedescendant')) {
+                this.inputElement.setAttribute('aria-activedescendant', element.id);
+            }
         }
         this.trigger('chipSelection', e);
     }