@syncfusion/ej2-dropdowns 30.1.37 → 30.1.39

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

@@ -136,7 +136,7 @@ function Search(inputVal, items, searchType, ignoreCase, dataSource, fields, typ
     const listItems = items;
     ignoreCase = ignoreCase !== undefined && ignoreCase !== null ? ignoreCase : true;
     const itemData = { item: null, index: null };
-    if (inputVal && inputVal.length) {
+    if (inputVal && inputVal.length && items) {
         const strLength = inputVal.length;
         let queryStr = ignoreCase ? inputVal.toLocaleLowerCase() : inputVal;
         queryStr = escapeCharRegExp(queryStr);
@@ -2958,6 +2958,7 @@ let DropDownList = class DropDownList extends DropDownBase {
     initializeData() {
         this.isPopupOpen = false;
         this.isDocumentClick = false;
+        this.isPopupRender = false;
         this.isInteracted = false;
         this.isFilterFocus = false;
         this.beforePopupOpen = false;
@@ -4288,7 +4289,8 @@ let DropDownList = class DropDownList extends DropDownBase {
             e.preventDefault();
         }
         if (!this.readonly) {
-            if (this.isPopupOpen) {
+            if (this.isPopupOpen || (this.popupObj && document.body.contains(this.popupObj.element) &&
+                this.beforePopupOpen && this.isPopupRender)) {
                 this.hidePopup(e);
                 if (this.isFilterLayout()) {
                     this.focusDropDown(e);
@@ -5440,8 +5442,19 @@ let DropDownList = class DropDownList extends DropDownBase {
                 initialPopupHeight = popupEle.clientHeight;
                 if (this.enableVirtualization && (this.itemTemplate || this.isAngular)) {
                     const listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
-                    this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) +
-                        parseInt(window.getComputedStyle(listitems[0]).marginBottom, 10) : 0;
+                    const virtualListitems = popupEle.querySelectorAll('li.e-virtual-list');
+                    const listitemsHeight = listitems && listitems.length > 0 ?
+                        Math.ceil(listitems[0].getBoundingClientRect().height) +
+                            parseInt(window.getComputedStyle(listitems[0]).marginBottom, 10) : 0;
+                    const VirtualLiHeight = virtualListitems && virtualListitems.length > 0 ?
+                        Math.ceil(virtualListitems[0].getBoundingClientRect().height) +
+                            parseInt(window.getComputedStyle(virtualListitems[0]).marginBottom, 10) : 0;
+                    if (listitemsHeight !== VirtualLiHeight && virtualListitems && virtualListitems.length > 0) {
+                        virtualListitems.forEach((item) => {
+                            item.parentNode.removeChild(item);
+                        });
+                    }
+                    this.listItemHeight = listitemsHeight;
                 }
                 if (this.enableVirtualization && !this.list.classList.contains(dropDownBaseClasses.noData)) {
                     this.getSkeletonCount();
@@ -5603,6 +5616,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                         }
                         if (!isNullOrUndefined(this.popupObj)) {
                             this.popupObj.show(new Animation(eventArgs.animation), (this.zIndex === 1000) ? this.element : null);
+                            this.isPopupRender = true;
                         }
                         if (this.isReact) {
                             setTimeout(() => {
@@ -6131,6 +6145,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     this.rippleFun();
                 }
                 if (this.isPopupOpen) {
+                    this.isPopupRender = false;
                     this.popupObj.hide(new Animation(eventArgs.animation));
                 }
                 else {
@@ -7139,6 +7154,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         this.hidePopup();
         if (this.popupObj) {
+            this.isPopupRender = false;
             this.popupObj.hide();
         }
         this.unWireEvent();
@@ -9007,6 +9023,7 @@ let DropDownTree = class DropDownTree extends Component {
                 removeClass([this.popupEle], DDTHIDEICON);
                 this.updatePopupHeight();
                 this.popupObj.refreshPosition();
+                this.checkCollision(this.popupEle);
                 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[this.value.length - 1] + '"]') : null;
@@ -9050,6 +9067,13 @@ let DropDownTree = class DropDownTree extends Component {
             }
         });
     }
+    checkCollision(popupEle) {
+        const collision = isCollide(popupEle);
+        if (collision.length > 0) {
+            popupEle.style.marginTop = -parseInt(getComputedStyle(popupEle).marginTop, 10) + 'px';
+        }
+        this.popupObj.resolveCollision();
+    }
     removeFocus(focusedElement, oldFocusedElement) {
         if (oldFocusedElement && oldFocusedElement !== focusedElement) {
             oldFocusedElement.setAttribute('tabindex', '-1');
@@ -11753,7 +11777,7 @@ let ComboBox = class ComboBox extends DropDownList {
                 this.removeFillSelection();
             }
             const dataItem = this.isSelectCustom ? { text: '' } : this.getItemData();
-            const text = !isNullOrUndefined(dataItem.text) ? dataItem.text.replace(/\r\n|\n|\r/g, '') : dataItem.text;
+            const text = !isNullOrUndefined(dataItem.text) ? dataItem.text.toString().replace(/\r\n|\n|\r/g, '') : dataItem.text;
             const selected = !isNullOrUndefined(this.list) ? this.list.querySelector('.' + dropDownListClasses.selected) : null;
             if (this.inputElement && text === this.inputElement.value && !isNullOrUndefined(selected)) {
                 if (this.isSelected) {
@@ -13283,11 +13307,16 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             if (!isNullOrUndefined(this.text) && (isNullOrUndefined(this.value) || this.value.length === 0)) {
                 this.initialTextUpdate();
             }
-            if (!this.enableVirtualization || (this.enableVirtualization && (!(this.dataSource instanceof DataManager)))) {
-                this.initialValueUpdate();
+            if (!this.enableVirtualization) {
+                if (!this.isRemoveSelection) {
+                    this.initialValueUpdate(this.listData, true);
+                }
+                else {
+                    this.initialValueUpdate();
+                }
             }
-            else if (!this.isRemoveSelection) {
-                this.initialValueUpdate(this.listData, true);
+            else if (!(this.dataSource instanceof DataManager)) {
+                this.initialValueUpdate();
             }
             this.initialUpdate();
             this.refreshPlaceHolder();
@@ -15431,7 +15460,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     }
     dispatchSelect(value, eve, element, isNotTrigger, length, dataValue, text) {
         const list = this.listData;
-        if (this.initStatus && !isNotTrigger) {
+        if (this.initStatus && !isNotTrigger && (!this.allowObjectBinding || (this.allowObjectBinding && value))) {
             value = this.allowObjectBinding ? getValue(((this.fields.value) ? this.fields.value : ''), value) : value;
             const val = dataValue ? dataValue : this.getDataByValue(value);
             const eventArgs = {
@@ -16336,7 +16365,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 else {
                     if (this.listData) {
                         if (this.enableVirtualization) {
-                            if (delim && !this.isDynamicRemoteVirtualData) {
+                            if (delim && !this.isDynamicRemoteVirtualData && !isInitialVirtualData) {
                                 data = this.delimiterWrapper && this.delimiterWrapper.innerHTML === '' ? data :
                                     this.delimiterWrapper.innerHTML;
                             }
@@ -16348,7 +16377,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                                 text = this.text.split(delimiterChar);
                             }
                             else {
-                                temp = isInitialVirtualData && delim ? this.text : this.getTextByValue(value);
+                                temp = isInitialVirtualData && delim ? this.text.replace(/,/g, delimiterChar + ' ') : this.getTextByValue(value);
                                 const textValues = this.isDynamicRemoteVirtualData && value != null && value !== '' && !isInitialVirtualData ?
                                     this.getTextByValue(value) : isInitialVirtualData ? this.text : (this.text && this.text !== '' ? this.text + this.delimiterChar + temp : temp);
                                 data += temp + delimiterChar + ' ';
@@ -16504,6 +16533,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             text = this.getTextByValue(value);
                             isCustomData = true;
                         }
+                        else if ((isNullOrUndefined(text) && !this.allowCustomValue) &&
+                            ((!(this.dataSource instanceof DataManager)) ||
+                                (this.dataSource instanceof DataManager && isInitialVirtualData))) {
+                            this.value.splice(index, 1);
+                            index -= 1;
+                        }
                     }
                     else {
                         text = this.getTextByValue(value);
@@ -18089,6 +18124,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 this.isaddNonPresentItems = false;
             }
             else {
+                this.selectedListData = [];
                 if (prop === 'text') {
                     this.initialTextUpdate();
                     newProp = this.value;
@@ -18132,7 +18168,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                                     setTimeout(() => {
                                         this.initialValueUpdate(listItems, true);
                                         this.isDynamicRemoteVirtualData = false;
-                                        this.initialUpdate();
+                                        if (!this.inputFocus || (this.inputFocus && this.mode !== 'Default')) {
+                                            this.initialUpdate();
+                                        }
                                     }, 100);
                                 }
                             });