@syncfusion/ej2-dropdowns 28.2.4 → 28.2.6

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

@@ -1212,7 +1212,8 @@ let DropDownBase = class DropDownBase extends Component {
     }
     getSkeletonCount(retainSkeleton) {
         this.virtualListHeight = this.listContainerHeight != null ? parseInt(this.listContainerHeight, 10) : this.virtualListHeight;
-        const actualCount = this.virtualListHeight > 0 ? Math.floor(this.virtualListHeight / this.listItemHeight) : 0;
+        const actualCount = this.virtualListHeight > 0 && this.listItemHeight > 0 ?
+            Math.floor(this.virtualListHeight / this.listItemHeight) : 0;
         this.skeletonCount = actualCount * 4 < this.itemCount ? this.itemCount : actualCount * 4;
         this.itemCount = retainSkeleton ? this.itemCount : this.skeletonCount;
         this.virtualItemCount = this.itemCount;
@@ -5299,6 +5300,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         const args = { cancel: false };
         this.trigger('beforeOpen', args, (args) => {
+            let initialPopupHeight;
             if (!args.cancel) {
                 const popupEle = this.createElement('div', {
                     id: this.element.id + '_popup', className: 'e-ddl e-popup ' + (this.cssClass !== null ? this.cssClass : '')
@@ -5319,6 +5321,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                 }
                 document.body.appendChild(popupEle);
                 popupEle.style.top = '0px';
+                initialPopupHeight = popupEle.clientHeight;
                 if (this.enableVirtualization && this.itemTemplate) {
                     const listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
                     this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) +
@@ -5515,7 +5518,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     // 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';
@@ -8496,7 +8499,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.inputEle.setAttribute('aria-label', this.getModuleName());
         const 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());
     }
@@ -8856,7 +8859,7 @@ let DropDownTree = class DropDownTree extends Component {
                 removeClass([this.popupEle], DDTHIDEICON);
                 this.updatePopupHeight();
                 this.popupObj.refreshPosition();
-                if (!(this.showCheckBox && this.showSelectAll) && (!this.popupDiv.classList.contains(NODATA)
+                if (!(this.showSelectAll || this.allowFiltering) && (!this.popupDiv.classList.contains(NODATA)
                     && this.treeItems.length > 0)) {
                     let focusedElement = this.value != null && this.text != null ? this.treeObj.element.querySelector('[data-uid="' + this.value[0] + '"]') : null;
                     if (focusedElement) {
@@ -8867,17 +8870,9 @@ let DropDownTree = class DropDownTree extends Component {
                         const oldFocussedNode = this.treeObj.element.querySelector('.e-node-focus');
                         focusedElement = this.treeObj.element.querySelector('li[tabindex="0"]:not(.e-disable)') ||
                             this.treeObj.element.querySelector('li:not(.e-disable)');
-                        if (oldFocussedNode && oldFocussedNode !== focusedElement) {
-                            oldFocussedNode.setAttribute('tabindex', '-1');
-                            removeClass([oldFocussedNode], 'e-node-focus');
-                        }
-                    }
-                    if (!isNullOrUndefined(focusedElement)) {
-                        if (!this.allowFiltering) {
-                            focusedElement.focus();
-                        }
-                        addClass([focusedElement], ['e-node-focus']);
+                        this.removeFocus(focusedElement, oldFocussedNode);
                     }
+                    this.updateFocus(focusedElement);
                 }
                 if (this.treeObj.checkedNodes.length > 0 && !this.isFilterRestore) {
                     const nodes = this.treeObj.element.querySelectorAll('li');
@@ -8888,6 +8883,12 @@ let DropDownTree = class DropDownTree extends Component {
                         this.checkSelectAll = false;
                     }
                 }
+                if (this.showSelectAll && !this.allowFiltering) {
+                    const oldFocussedNode = this.treeObj.element.querySelector('.e-node-focus');
+                    const focusedElement = this.popupEle.querySelector('.e-selectall-parent');
+                    this.removeFocus(focusedElement, oldFocussedNode);
+                    this.updateFocus(focusedElement);
+                }
                 if (this.allowFiltering) {
                     removeClass([this.inputWrapper], [INPUTFOCUS]);
                     this.filterObj.element.focus();
@@ -8897,6 +8898,18 @@ let DropDownTree = class DropDownTree extends Component {
             }
         });
     }
+    removeFocus(focusedElement, oldFocusedElement) {
+        if (oldFocusedElement && oldFocusedElement !== focusedElement) {
+            oldFocusedElement.setAttribute('tabindex', '-1');
+            removeClass([oldFocusedElement], 'e-node-focus');
+        }
+    }
+    updateFocus(focusedElement) {
+        if (!isNullOrUndefined(focusedElement)) {
+            focusedElement.focus();
+            addClass([focusedElement], ['e-node-focus']);
+        }
+    }
     reactCallBack() {
         if (!isNullOrUndefined(this.popupObj)) {
             this.updatePopupHeight();
@@ -9197,7 +9210,9 @@ let DropDownTree = class DropDownTree extends Component {
             this.updateTemplate();
         }
         this.treeObj.fields = this.getTreeFields(this.fields);
+        this.setProperties({ value: this.oldValue }, true);
         this.treeObj.dataBind();
+        this.updateValue(this.value);
     }
     getEventArgs(args) {
         const checkData = args.data;
@@ -10208,8 +10223,10 @@ let DropDownTree = class DropDownTree extends Component {
                     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);
@@ -16228,7 +16245,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             (this.mode === 'Box' || this.mode === 'Default'))) ||
                         (this.enableVirtualization && value != null && text != null && !isCustomData)) {
                         const currentText = [];
-                        const textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' ? text : this.text != null && this.text !== '' ? this.text + this.delimiterChar + text : text;
+                        const textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' ? text : this.text != null && this.text !== '' && !this.text.includes(text) ? this.text + this.delimiterChar + text : text;
                         currentText.push(textValues);
                         this.setProperties({ text: currentText.toString() }, true);
                         this.addChip(text, value);