@syncfusion/ej2-dropdowns 28.2.3 → 28.2.5

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

@@ -979,6 +979,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
         _this.CurrentEvent = null;
         _this.isDynamicData = false;
         _this.isPrimitiveData = false;
+        _this.isCustomFiltering = false;
         _this.virtualListInfo = {
             currentPageNumber: null,
             direction: null,
@@ -1567,7 +1568,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                                 newQuery.queries[queryElements].e.nos = e.count;
                                             }
-                                            if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal')) {
+                                            if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal') && !_this.isCustomFiltering) {
                                                 isReOrder = false;
                                             }
                                         }
@@ -1591,6 +1592,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                             _this.trigger('actionComplete', e, function (e) {
                                 if (!e.cancel) {
                                     _this.isRequesting = false;
+                                    _this.isCustomFiltering = false;
                                     var listItems = e.result;
                                     if (_this.isIncrementalRequest) {
                                         ulElement = _this.renderItems(listItems, fields);
@@ -1628,6 +1630,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                     }
                                     if (_this.isVirtualizationEnabled) {
                                         _this.getFilteringSkeletonCount();
+                                        _this.updatePopupPosition();
                                     }
                                     if (_this.virtualSelectAll && _this.virtualSelectAllData) {
                                         _this.virtualSelectionAll(_this.virtualSelectAllState, _this.liCollections, _this.CurrentEvent);
@@ -1669,7 +1672,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                             newQuery.queries[queryElements].e.nos = listItems.count;
                                             listItems = (newQuery).executeLocal(dataManager);
                                         }
-                                        if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal')) {
+                                        if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal') && !_this.isCustomFiltering) {
                                             isReOrder = false;
                                         }
                                     }
@@ -1702,6 +1705,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                         var localDataArgs = { cancel: false, result: listItems };
                         _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
                         _this.trigger('actionComplete', localDataArgs, function (localDataArgs) {
+                            _this.isCustomFiltering = false;
                             if (_this.isIncrementalRequest) {
                                 ulElement = _this.renderItems(localDataArgs.result, fields);
                                 return;
@@ -1736,6 +1740,9 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
     DropDownBase.prototype.updatePopupState = function () {
         // Used this method in component side.
     };
+    DropDownBase.prototype.updatePopupPosition = function () {
+        // Used this method in component side.
+    };
     DropDownBase.prototype.virtualSelectionAll = function (state, li, event) {
         // Used this method in component side.
     };
@@ -5413,6 +5420,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
         var args = { cancel: false };
         this.trigger('beforeOpen', args, function (args) {
+            var initialPopupHeight;
             if (!args.cancel) {
                 var popupEle = _this.createElement('div', {
                     id: _this.element.id + '_popup', className: 'e-ddl e-popup ' + (_this.cssClass !== null ? _this.cssClass : '')
@@ -5433,6 +5441,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 }
                 document.body.appendChild(popupEle);
                 popupEle.style.top = '0px';
+                initialPopupHeight = popupEle.clientHeight;
                 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) +
@@ -5630,7 +5639,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     // Add the resizer div to the popup
                     if (_this.list && _this.list.parentElement) {
                         _this.list.parentElement.classList.add('e-resize');
-                        if (_this.popupHeight.toString().toLowerCase() !== 'auto') {
+                        if (_this.popupHeight.toString().toLowerCase() !== 'auto' && initialPopupHeight > parseInt(_this.popupHeight.toString(), 10)) {
                             _this.list.parentElement.style.height = '100%';
                         }
                         _this.list.parentElement.style.paddingBottom = (_this.getModuleName() === 'dropdownlist' && _this.allowFiltering && _this.searchBoxHeight) ? (_this.searchBoxHeight + resizePaddingBottom).toString() + 'px' : resizePaddingBottom.toString() + 'px';
@@ -8666,7 +8675,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         this.inputEle.setAttribute('aria-label', this.getModuleName());
         var id = this.element.getAttribute('id');
         this.hiddenElement.id = id + '_hidden';
-        this.inputWrapper.setAttribute('tabindex', '0');
+        this.inputWrapper.setAttribute('tabindex', this.inputWrapper.classList.contains('e-disabled') ? '-1' : '0');
         this.inputWrapper.setAttribute('aria-label', this.getModuleName());
         attributes(this.inputWrapper, this.getAriaAttributes());
     };
@@ -9034,9 +9043,11 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                 removeClass([_this.popupEle], DDTHIDEICON);
                 _this.updatePopupHeight();
                 _this.popupObj.refreshPosition();
-                if (!(_this.showCheckBox && _this.showSelectAll) && (!_this.popupDiv.classList.contains(NODATA)
-                    && _this.treeItems.length > 0)) {
-                    var focusedElement = _this.value != null && _this.text != null ? _this.treeObj.element.querySelector('[data-uid="' + _this.value[0] + '"]') : null;
+                if (_this.showSelectAll && !_this.allowFiltering) {
+                    _this.checkAllParent.focus();
+                }
+                if ((!_this.popupDiv.classList.contains(NODATA) && _this.treeItems.length > 0)) {
+                    var focusedElement = _this.value != null || _this.text != null ? _this.treeObj.element.querySelector('[data-uid="' + _this.value[0] + '"]') : null;
                     if (focusedElement) {
                         _this.treeObj.element.querySelector('li').setAttribute('tabindex', '-1');
                         focusedElement.setAttribute('tabindex', '0');
@@ -9376,7 +9387,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             this.updateTemplate();
         }
         this.treeObj.fields = this.getTreeFields(this.fields);
+        this.setProperties({ value: this.oldValue }, true);
         this.treeObj.dataBind();
+        this.updateValue(this.value);
     };
     DropDownTree.prototype.getEventArgs = function (args) {
         var checkData = args.data;
@@ -9950,6 +9963,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         }
         chip.appendChild(chipContent);
         this.chipCollection.appendChild(chip);
+        if (this.isReact) {
+            this.renderReactTemplates();
+        }
     };
     DropDownTree.prototype.setSelectAllWrapper = function (state) {
         if (this.isFirstRender) {
@@ -10390,8 +10406,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                     this.updateFilterPlaceHolder();
                     break;
                 case 'value':
-                    this.oldValue = oldProp.value;
-                    this.updateValue(newProp.value);
+                    if (JSON.stringify(oldProp.value) !== JSON.stringify(newProp.value)) {
+                        this.oldValue = oldProp.value;
+                        this.updateValue(newProp.value);
+                    }
                     break;
                 case 'text':
                     this.updateText(newProp.text);
@@ -10679,6 +10697,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                     addClass([this.inputWrapper], [INPUTFOCUS]);
                 }
             }
+            if (this.isFilteredData) {
+                this.treeObj['treeData'] = this.treeData;
+            }
             if (this.destroyPopupOnHide) {
                 this.isFirstRender = true;
                 this.destroyPopup();
@@ -14247,6 +14268,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 break;
         }
     };
+    MultiSelect.prototype.updatePopupPosition = function () {
+        this.refreshPopup();
+    };
     MultiSelect.prototype.updateAriaAttribute = function () {
         var focusedItem = this.list.querySelector('.' + dropDownBaseClasses.focus);
         if (!isNullOrUndefined(focusedItem)) {
@@ -16119,6 +16143,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         _this.isFiltered = true;
                         _this.customFilterQuery = query;
                         _this.remoteFilterAction = true;
+                        _this.isCustomFiltering = true;
                         _this.dataUpdater(dataSource, query, fields);
                     },
                     event: e,
@@ -19797,6 +19822,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
     function ListBox(options, element) {
         var _this = _super.call(this, options, element) || this;
         _this.isValidKey = false;
+        _this.isBackSpace = false;
         _this.isDataSourceUpdate = false;
         _this.keyDownStatus = false;
         return _this;
@@ -20065,6 +20091,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListBox.prototype.onActionComplete = function (ulElement, list, e) {
+        var _this = this;
         var searchEle;
         var filterElem;
         var txtLength;
@@ -20131,8 +20158,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                 }
                 filterElem.selectionStart = txtLength;
                 filterElem.selectionEnd = txtLength;
-                if (filterElem.value !== '') {
+                if (filterElem.value !== '' || (filterElem.value === '' && this.isBackSpace)) {
                     filterElem.focus();
+                    setTimeout(function () { _this.isBackSpace = false; });
                 }
             }
         }
@@ -21737,7 +21765,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
     };
     ListBox.prototype.KeyUp = function (e) {
         var _this = this;
-        if (this.allowFiltering && ((e.ctrlKey && e.keyCode === 65) || (e.keyCode === 8 && !this.filterInput.value))) {
+        if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
             e.preventDefault();
             return;
         }
@@ -21746,6 +21774,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(isWordCharacter)) {
             this.isValidKey = true;
         }
+        this.isBackSpace = e.keyCode === 8;
         this.isValidKey = (e.keyCode === 8) || (e.keyCode === 46) || this.isValidKey;
         if (this.isValidKey) {
             this.isValidKey = false;