@syncfusion/ej2-dropdowns 26.1.42 → 26.2.5

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

@@ -1977,12 +1977,21 @@ let DropDownBase = class DropDownBase extends Component {
         option.templateID = this.itemTemplateId;
         option.isStringTemplate = this.isStringTemplate;
         const itemcheck = this.templateCompiler(this.itemTemplate);
+        let ulElement;
         if (typeof this.itemTemplate !== 'function' && itemcheck) {
             const itemValue = select(this.itemTemplate, document).innerHTML.trim();
-            return ListBase.renderContentTemplate(this.createElement, itemValue, dataSource, fields.properties, option, this);
+            ulElement = ListBase.renderContentTemplate(this.createElement, itemValue, dataSource, fields.properties, option, this);
+            if (this.isVirtualizationEnabled && this.isReact) {
+                this.renderReactTemplates();
+            }
+            return ulElement;
         }
         else {
-            return ListBase.renderContentTemplate(this.createElement, this.itemTemplate, dataSource, fields.properties, option, this);
+            ulElement = ListBase.renderContentTemplate(this.createElement, this.itemTemplate, dataSource, fields.properties, option, this);
+            if (this.isVirtualizationEnabled && this.isReact) {
+                this.renderReactTemplates();
+            }
+            return ulElement;
         }
     }
     typeOfData(items) {
@@ -4476,7 +4485,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                         return;
                     }
                     this.isCustomFilter = true;
-                    this.customFilterQuery = query.clone();
+                    this.customFilterQuery = query ? query.clone() : query;
                     this.filteringAction(dataSource, query, fields);
                 },
                 baseEventArgs: e,
@@ -6905,7 +6914,12 @@ let DropDownTree = class DropDownTree extends Component {
             }
         }
         else {
-            this.inputEle = this.createElement('input', { attrs: { role: 'textbox', type: 'text' } });
+            if (!isNullOrUndefined(this.element.id)) {
+                this.inputEle = this.createElement('input', { attrs: { role: 'textbox', type: 'text', id: this.element.id } });
+            }
+            else {
+                this.inputEle = this.createElement('input', { attrs: { role: 'textbox', type: 'text' } });
+            }
             this.element.parentElement.insertBefore(this.inputEle, this.element);
         }
         this.inputObj = Input.createInput({