@syncfusion/ej2-dropdowns 19.3.53 → 19.4.40

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

@@ -635,6 +635,11 @@ let DropDownBase = class DropDownBase extends Component {
                                 this.renderGroupTemplate(ulElement);
                             }
                             this.bindChildItems(localDataArgs.result, ulElement, fields);
+                            setTimeout(() => {
+                                if (this.getModuleName() === 'multiselect' && (ulElement.childElementCount > 0 && ulElement.children[0].childElementCount > 0)) {
+                                    this.updateDataList();
+                                }
+                            });
                         }
                     });
                 }
@@ -2083,7 +2088,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         if (this.isSelectFocusItem(focusEle)) {
             this.setSelection(focusEle, e);
         }
-        else {
+        else if (!isNullOrUndefined(this.liCollections)) {
             let index = e.action === 'down' ? this.activeIndex + 1 : this.activeIndex - 1;
             let startIndex = 0;
             if (this.getModuleName() === 'autocomplete') {
@@ -5433,9 +5438,14 @@ let DropDownTree = class DropDownTree extends Component {
         }
         else {
             if (this.showCheckBox) {
-                this.treeObj.checkedNodes = this.value.slice();
-                this.treeObj.dataBind();
-                this.setMultiSelect();
+                let difference = this.value.filter((e) => {
+                    return this.treeObj.checkedNodes.indexOf(e) === -1;
+                });
+                if (difference.length > 0 || this.treeSettings.autoCheck) {
+                    this.treeObj.checkedNodes = this.value.slice();
+                    this.treeObj.dataBind();
+                    this.setMultiSelect();
+                }
             }
             else {
                 this.treeObj.selectedNodes = this.value.slice();
@@ -6471,6 +6481,9 @@ let DropDownTree = class DropDownTree extends Component {
         this.ensurePlaceHolder();
     }
     resetValue(isDynamicChange) {
+        if (this.value == [] && this.text == null) {
+            return;
+        }
         Input.setValue(null, this.inputEle, this.floatLabelType);
         if (!isDynamicChange) {
             this.oldValue = this.value;
@@ -6482,7 +6495,8 @@ let DropDownTree = class DropDownTree extends Component {
         setValue('selectedNodes', [], this.treeObj);
         this.hiddenElement.innerHTML = '';
         if (this.showCheckBox) {
-            this.treeObj.uncheckAll();
+            this.treeObj.checkedNodes = [];
+            this.treeObj.dataBind();
             this.setMultiSelect();
             this.clearCheckAll();
         }
@@ -6859,8 +6873,8 @@ let DropDownTree = class DropDownTree extends Component {
                         this.updateTemplate();
                     }
                     this.treeObj.sortOrder = newProp.sortOrder;
-                    this.updateValue(this.value);
                     this.treeObj.dataBind();
+                    this.updateValue(this.value);
                     break;
                 case 'showDropDownIcon':
                     this.updateDropDownIconState(newProp.showDropDownIcon);
@@ -9601,6 +9615,13 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         const focusedItem = this.list.querySelector('.' + dropDownBaseClasses.focus);
         if (!isNullOrUndefined(focusedItem)) {
             this.inputElement.setAttribute('aria-activedescendant', focusedItem.id);
+            if (this.allowFiltering) {
+                var filterInput = this.popupWrapper.querySelector('.' + FILTERINPUT);
+                filterInput && filterInput.setAttribute('aria-activedescendant', focusedItem.id);
+            }
+            else if (this.mode == "CheckBox") {
+                this.overAllWrapper.setAttribute('aria-activedescendant', focusedItem.id);
+            }
         }
     }
     homeNavigation(isHome) {
@@ -9716,7 +9737,6 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.keyAction = true;
         if (document.activeElement.classList.contains(FILTERINPUT)
             || (this.mode === 'CheckBox' && !this.allowFiltering && document.activeElement !== this.list)) {
-            this.list.focus();
             EventHandler.add(this.list, 'keydown', this.onKeyDown, this);
         }
         this.updateAriaAttribute();
@@ -10735,7 +10755,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             EventHandler.add(this.inputElement, 'input', this.onInput, this);
         }
         EventHandler.add(this.inputElement, 'blur', this.onBlurHandler, this);
-        EventHandler.add(this.componentWrapper, 'mousemove', this.mouseIn, this);
+        EventHandler.add(this.componentWrapper, 'mouseover', this.mouseIn, this);
         const formElement = closest(this.inputElement, 'form');
         if (formElement) {
             EventHandler.add(formElement, 'reset', this.resetValueHandler, this);
@@ -11001,7 +11021,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
     }
     updateDataList() {
-        if (this.mainList && this.ulElement && this.mainList.childElementCount < this.ulElement.childElementCount) {
+        if (this.mainList && this.ulElement && (this.mainList.childElementCount < this.ulElement.childElementCount || ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount)))) {
             this.mainList = this.ulElement.cloneNode ? this.ulElement.cloneNode(true) : this.ulElement;
         }
     }
@@ -11627,7 +11647,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             EventHandler.remove(formElement, 'reset', this.resetValueHandler);
         }
         EventHandler.remove(this.inputElement, 'blur', this.onBlurHandler);
-        EventHandler.remove(this.componentWrapper, 'mousemove', this.mouseIn);
+        EventHandler.remove(this.componentWrapper, 'mouseover', this.mouseIn);
         EventHandler.remove(this.componentWrapper, 'mouseout', this.mouseOut);
         EventHandler.remove(this.overAllClear, 'mousedown', this.clearAll);
         EventHandler.remove(this.inputElement, 'paste', this.pasteHandler);