@syncfusion/ej2-dropdowns 32.1.22 → 32.1.24

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

@@ -139,7 +139,7 @@ function Search(inputVal, items, searchType, ignoreCase, dataSource, fields, typ
     if (inputVal && inputVal.length && items) {
         var strLength = inputVal.length;
         var queryStr = ignoreCase ? inputVal.toLocaleLowerCase() : inputVal;
-        queryStr = escapeCharRegExp(queryStr);
+        var escQueryString = escapeCharRegExp(queryStr);
         var _loop_1 = function (i, itemsData) {
             var item = itemsData[i];
             var filterValue;
@@ -161,8 +161,9 @@ function Search(inputVal, items, searchType, ignoreCase, dataSource, fields, typ
             if (ignoreAccent && text && queryStr) {
                 text = text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
                 queryStr = queryStr.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+                escQueryString = queryStr.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
             }
-            if ((searchType === 'Equal' && text === queryStr) || (searchType === 'StartsWith' && text.substr(0, strLength) === queryStr) || (searchType === 'EndsWith' && text.substr(text.length - queryStr.length) === queryStr) || (searchType === 'Contains' && new RegExp(queryStr, 'g').test(text))) {
+            if ((searchType === 'Equal' && text === queryStr) || (searchType === 'StartsWith' && text.substr(0, strLength) === queryStr) || (searchType === 'EndsWith' && text.substr(text.length - queryStr.length) === queryStr) || (searchType === 'Contains' && new RegExp(escQueryString, 'g').test(text))) {
                 itemData.item = item;
                 itemData.index = i;
                 return { value: { item: item, index: i } };
@@ -1739,7 +1740,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                     for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                         if (_this.getModuleName() === 'multiselect' && _this.isCheckBoxSelection && (newQuery.queries[queryElements].e && (newQuery.queries[queryElements].e.operator === 'notequal' ||
                                             newQuery.queries[queryElements].e.operator === 'equal' || newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.condition === 'and') && !_this.isCustomFiltering)) {
-                                            if (_this.totalItemCount > (_this.itemCount * 2)) {
+                                            if (_this.totalItemCount >= (_this.itemCount * 2)) {
                                                 isReOrder = false;
                                                 break;
                                             }
@@ -11543,7 +11544,8 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
             EventHandler.add(this.inputElement, 'keyup', this.onFilterUp, this);
             EventHandler.add(this.inputElement, 'keydown', this.onFilterDown, this);
             EventHandler.add(this.inputElement, 'paste', this.pasteHandler, this);
-            EventHandler.add(window, 'resize', this.windowResize, this);
+            this.boundResizeHandler = this.windowResize.bind(this);
+            window.addEventListener('resize', this.boundResizeHandler);
         }
         this.bindCommonEvent();
     };
@@ -12109,7 +12111,10 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                 EventHandler.remove(this.inputElement, 'keyup', this.onFilterUp);
                 EventHandler.remove(this.inputElement, 'keydown', this.onFilterDown);
                 EventHandler.remove(this.inputElement, 'paste', this.pasteHandler);
-                EventHandler.remove(window, 'resize', this.windowResize);
+                if (this.boundResizeHandler) {
+                    window.removeEventListener('resize', this.boundResizeHandler);
+                    this.boundResizeHandler = null;
+                }
             }
         }
         this.unBindCommonEvent();
@@ -13631,7 +13636,12 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         this.isPreventScrollAction = true;
     };
     MultiSelect.prototype.setScrollPosition = function () {
-        if (((!this.hideSelectedItem && this.mode !== 'CheckBox') || (this.mode === 'CheckBox' && !this.enableSelectionOrder)) &&
+        if (this.enableVirtualization) {
+            var focusedItem = this.list.querySelector('.' + dropDownBaseClasses.focus);
+            this.isKeyBoardAction = false;
+            this.scrollBottom(focusedItem, undefined, false, null, true);
+        }
+        else if (((!this.hideSelectedItem && this.mode !== 'CheckBox') || (this.mode === 'CheckBox' && !this.enableSelectionOrder)) &&
             (!isNullOrUndefined(this.value) && (this.value.length > 0))) {
             var value = this.allowObjectBinding
                 ? getValue((this.fields.value) ? this.fields.value : '', this.value[this.value.length - 1])
@@ -13641,11 +13651,6 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 this.scrollBottom(valueEle, undefined, false, null, true);
             }
         }
-        if (this.enableVirtualization) {
-            var focusedItem = this.list.querySelector('.' + dropDownBaseClasses.focus);
-            this.isKeyBoardAction = false;
-            this.scrollBottom(focusedItem, undefined, false, null, true);
-        }
     };
     MultiSelect.prototype.updatePopupHeightOnFilter = function () {
         if (this.allowFiltering && this.allowResize && this.keyboardEvent && this.popupObj && this.list) {
@@ -16565,6 +16570,13 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                             setTimeout(function () {
                                 if (_this.value) {
                                     _this.updateSelectionList();
+                                    if (!_this.enableSelectionOrder && _this.mode === 'CheckBox') {
+                                        var selectedItem = _this.list.querySelector('.' + dropDownBaseClasses.selected);
+                                        if (!isNullOrUndefined(selectedItem)) {
+                                            _this.isKeyBoardAction = false;
+                                            _this.scrollBottom(selectedItem, undefined, true, null, true);
+                                        }
+                                    }
                                 }
                                 else if (_this.viewPortInfo && _this.viewPortInfo.offsets.top) {
                                     _this.list.scrollTop = _this.viewPortInfo.offsets.top;
@@ -19085,7 +19097,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         _this.renderItems(_this.mainData, _this.fields);
                     }
                     _this.virtualCustomData = null;
-                    _this.isVirtualTrackHeight = _this.totalItemCount > (_this.itemCount * 2) ? false : true;
+                    _this.isVirtualTrackHeight = _this.totalItemCount >= (_this.itemCount * 2) ? false : true;
                 }
             });
         }
@@ -20408,13 +20420,11 @@ var CheckBoxSelection = /** @__PURE__ @class */ (function () {
             prepend([this.parent.filterParent], args.popupElement);
             attributes(this.filterInput, {
                 'aria-disabled': 'false',
-                'role': 'combobox',
+                'role': 'searchbox',
                 'autocomplete': 'off',
                 'autocapitalize': 'off',
                 'spellcheck': 'false',
-                'aria-label': 'multiselect',
-                'aria-expanded': 'true',
-                'aria-controls': args.popupElement.id
+                'aria-label': 'multiselect'
             });
             this.clearIconElement = this.filterInput.parentElement.querySelector('.' + clearIcon);
             if (!Browser.isDevice && this.clearIconElement) {