@syncfusion/ej2-dropdowns 23.2.6 → 23.2.7

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

@@ -2957,6 +2957,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.isDocumentClick = true;
                 const isActive = this.isRequested;
                 this.hidePopup(e);
+                this.isInteracted = false;
                 if (!isActive) {
                     this.onFocusOut();
                     this.inputWrapper.container.classList.remove(dropDownListClasses.inputFocus);
@@ -3151,10 +3152,21 @@ let DropDownList = class DropDownList extends DropDownBase {
             this.setSelectOptions(li, e);
             if (this.enableVirtualization) {
                 const fields = (this.fields.value) ? this.fields.value : '';
-                const getItem = new DataManager(this.dataSource).executeLocal(new Query().where(new Predicate(fields, 'equal', this.value)));
-                if (getItem && getItem.length > 0) {
-                    this.itemData = getItem[0];
-                    this.setProperties({ 'text': getItem[0].text, 'value': getItem[0].value }, true);
+                if (this.dataSource instanceof DataManager) {
+                    this.dataSource.executeQuery(new Query().where(new Predicate(fields, 'equal', this.value)))
+                        .then((e) => {
+                        if (e.result.length > 0) {
+                            this.itemData = e.result[0];
+                            this.setProperties({ 'text': e.result[0].text, 'value': e.result[0].value }, true);
+                        }
+                    });
+                }
+                else {
+                    const getItem = new DataManager(this.dataSource).executeLocal(new Query().where(new Predicate(fields, 'equal', this.value)));
+                    if (getItem && getItem.length > 0) {
+                        this.itemData = getItem[0];
+                        this.setProperties({ 'text': getItem[0].text, 'value': getItem[0].value }, true);
+                    }
                 }
             }
         }
@@ -4886,7 +4898,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             EventHandler.add(this.list, 'scroll', this.setFloatingHeader, this);
         }
         if (!(!isNullOrUndefined(props) && (isNullOrUndefined(props.dataSource)
-            || (!(props.dataSource instanceof DataManager) && props.dataSource.length === 0))) || !(props.dataSource === [])) {
+            || (!(props.dataSource instanceof DataManager) && props.dataSource.length === 0))) || !(Array.isArray(props.dataSource) && props.dataSource.length === 0)) {
             this.typedString = '';
             this.resetList(this.dataSource);
         }
@@ -5228,7 +5240,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                 });
             }
         }
-        this.invokeRenderPopup(e);
+        if (this.beforePopupOpen) {
+            this.invokeRenderPopup(e);
+        }
         if (this.enableVirtualization && !this.allowFiltering && this.selectedValueInfo != null && this.selectedValueInfo.startIndex > 0 && this.value != null) {
             this.notify("dataProcessAsync", {
                 module: "VirtualScroll",
@@ -5288,7 +5302,6 @@ let DropDownList = class DropDownList extends DropDownBase {
             this.isSelectCustom = false;
             this.clearAll(e);
         }
-        this.isInteracted = false;
     }
     /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
@@ -6979,6 +6992,8 @@ let DropDownTree = class DropDownTree extends Component {
         if (this.isFilteredData) {
             this.filterObj.value = '';
             this.treeObj.fields = this.getTreeFields(this.fields);
+            if (this.isReact)
+                this.refresh();
             this.isFilterRestore = true;
             this.isFilteredData = false;
             this.hideCheckAll(false);
@@ -9798,6 +9813,10 @@ let AutoComplete = class AutoComplete extends ComboBox {
                         }, 0);
                     }
                     else {
+                        const isHtmlElement = /<[^>]*>/g.test(e.item.innerText);
+                        if (isHtmlElement) {
+                            e.item.innerText = e.item.innerText.replace(/[\u00A0-\u9999<>&]/g, (match) => `&#${match.charCodeAt(0)};`);
+                        }
                         highlightSearch(e.item, this.queryString, this.ignoreCase, this.filterType);
                     }
                 }
@@ -12753,7 +12772,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     updateDataList() {
         if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction || this.targetElement().trim())) {
             let isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
-            let isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount)));
+            let isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0] && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount)));
             let isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
             if (isDynamicGroupItemUpdate || isReactTemplateUpdate || isAngularTemplateUpdate) {
                 //EJ2-57748 - for this task, we prevent the ul element cloning ( this.mainList = this.ulElement.cloneNode ? <HTMLElement>this.ulElement.cloneNode(true) : this.ulElement;)