@syncfusion/ej2-dropdowns 31.2.5 → 31.2.15

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

@@ -209,7 +209,7 @@ function resetIncrementalSearchValues(elementId) {
  */
 function highlightSearch(element, query, ignoreCase, type) {
     var isHtmlElement = /<[^>]*>/g.test(element.innerText);
-    if (isHtmlElement) {
+    if (isHtmlElement && query !== '') {
         element.innerText = element.innerText.replace(/[\u00A0-\u9999<>&]/g, function (match) { return "&#" + match.charCodeAt(0) + ";"; });
     }
     if (query === '') {
@@ -5879,6 +5879,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 _this.getFocusElement();
                 _this.checkCollision(popupEle_1);
                 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');
@@ -6729,9 +6730,18 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
         else if (this.element.tagName === 'SELECT' && this.element.options[0]) {
             var 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;
+            var 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();
@@ -9635,8 +9645,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         var isFooter = closest(target, '.' + FOOTER);
         var isScroller = target.classList.contains(DROPDOWN) ? true :
             (matches$1(target, '.e-ddt .e-popup') || matches$1(target, '.e-ddt .e-treeview'));
+        var 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)))))) {
@@ -13539,23 +13550,21 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         }
     };
     MultiSelect.prototype.updatePopupHeightOnFilter = function () {
-        if (this.allowFiltering && this.allowResize && this.keyboardEvent) {
-            if (this.allowResize && this.popupObj && this.list) {
-                var filterText = this.inputElement && this.inputElement.value;
-                var filteredItems = this.list.querySelectorAll('li.e-list-item:not(.e-hide-listitem):not(.e-disabled)');
-                var isFiltering = filterText && filterText.length > 0;
-                if (isFiltering && filteredItems.length > 0) {
-                    var itemHeight = filteredItems[0].offsetHeight;
-                    var newHeight = filteredItems.length * itemHeight;
-                    this.popupObj.element.style.maxHeight = newHeight + 16 + 'px';
-                    this.list.style.maxHeight = newHeight + 'px';
-                }
-                else if (!isFiltering) {
-                    var 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) {
+            var filterText = this.inputElement && this.inputElement.value;
+            var filteredItems = this.list.querySelectorAll('li.e-list-item:not(.e-hide-listitem):not(.e-disabled)');
+            var isFiltering = filterText && filterText.length > 0;
+            if (isFiltering && filteredItems.length > 0) {
+                var itemHeight = filteredItems[0].offsetHeight;
+                var newHeight = filteredItems.length * itemHeight;
+                this.popupObj.element.style.maxHeight = newHeight + 16 + 'px';
+                this.list.style.maxHeight = newHeight + 'px';
+            }
+            else if (!isFiltering) {
+                var restoreHeight = this.resizeHeight || parseInt(this.popupHeight, 10);
+                this.popupObj.element.style.maxHeight = restoreHeight + 'px';
+                this.list.style.maxHeight = restoreHeight + 'px';
+                this.setResize();
             }
         }
     };
@@ -15668,9 +15677,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     MultiSelect.prototype.removeChipSelection = function () {
         if (this.chipCollectionWrapper) {
             var selectedChips = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP$1 + '.' + CHIP_SELECTED);
-            if (selectedChips && selectedChips.length > 0) {
-                for (var 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();
@@ -15679,7 +15689,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     MultiSelect.prototype.addChipSelection = function (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);
     };