@syncfusion/ej2-dropdowns 20.4.52 → 20.4.53

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

@@ -95,7 +95,7 @@ function Search(inputVal, items, searchType, ignoreCase, dataSource, fields, typ
                 let fieldValue = fields.text.split('.');
                 dataSource.filter(function (data) {
                     Array.prototype.slice.call(fieldValue).forEach(function (value) {
-                        if (type === 'object' && checkField.textContent.toString().indexOf(data[value]) !== -1 && checkField.getAttribute('data-value') === data[fields.value] || type === 'string' && checkField.textContent.toString().indexOf(data) !== -1) {
+                        if (type === 'object' && checkField.textContent.toString().indexOf(data[value]) !== -1 && checkField.getAttribute('data-value') === data[fields.value].toString() || type === 'string' && checkField.textContent.toString().indexOf(data) !== -1) {
                             filterValue = type === 'object' ? data[value] : data;
                         }
                     });
@@ -3241,6 +3241,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                 }
             },
             open: () => {
+                EventHandler.remove(document, 'mousedown', this.onDocumentClick);
                 EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
                 this.isPopupOpen = true;
                 const actionList = this.actionCompleteData && this.actionCompleteData.ulElement &&
@@ -3419,10 +3420,9 @@ let DropDownList = class DropDownList extends DropDownBase {
     }
     closePopup(delay, e) {
         this.isTyped = false;
-        if (!(this.popupObj && document.body.contains(this.popupObj.element) && this.beforePopupOpen)) {
+        if (!(this.popupObj && document.body.contains(this.popupObj.element) && (this.beforePopupOpen || this.isEventCancel))) {
             return;
         }
-        EventHandler.remove(document, 'mousedown', this.onDocumentClick);
         this.isActive = false;
         this.filterInputObj = null;
         this.isDropDownClick = false;
@@ -3471,6 +3471,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         const popupInstance = this.popupObj;
         const eventArgs = { popup: popupInstance, cancel: false, animation: animModel, event: e || null };
         this.trigger('close', eventArgs, (eventArgs) => {
+            this.isEventCancel = eventArgs.cancel;
             if (!isNullOrUndefined(this.popupObj) &&
                 !isNullOrUndefined(this.popupObj.element.querySelector('.e-fixed-head'))) {
                 const fixedHeader = this.popupObj.element.querySelector('.e-fixed-head');
@@ -6733,8 +6734,7 @@ let DropDownTree = class DropDownTree extends Component {
         setValue('selectedNodes', [], this.treeObj);
         this.hiddenElement.innerHTML = '';
         if (this.showCheckBox) {
-            this.treeObj.checkedNodes = [];
-            this.treeObj.dataBind();
+            this.treeObj.uncheckAll();
             this.setMultiSelect();
             this.clearCheckAll();
         }
@@ -12658,6 +12658,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     render() {
         this.setDynValue = this.initStatus = false;
         this.isSelectAll = false;
+        this.selectAllEventEle = [];
         this.searchWrapper = this.createElement('span', { className: SEARCHBOX_WRAPPER + ' ' + ((this.mode === 'Box') ? BOX_ELEMENT : '') });
         this.viewWrapper = this.createElement('span', { className: DELIMITER_VIEW + ' ' + DELIMITER_WRAPPER, styles: 'display:none;' });
         this.overAllClear = this.createElement('span', {