@syncfusion/ej2-dropdowns 26.1.42 → 26.2.5

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

@@ -2061,12 +2061,21 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
         option.templateID = this.itemTemplateId;
         option.isStringTemplate = this.isStringTemplate;
         var itemcheck = this.templateCompiler(this.itemTemplate);
+        var ulElement;
         if (typeof this.itemTemplate !== 'function' && itemcheck) {
             var 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;
         }
     };
     DropDownBase.prototype.typeOfData = function (items) {
@@ -4587,7 +4596,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                         return;
                     }
                     _this.isCustomFilter = true;
-                    _this.customFilterQuery = query.clone();
+                    _this.customFilterQuery = query ? query.clone() : query;
                     _this.filteringAction(dataSource, query, fields);
                 },
                 baseEventArgs: e,
@@ -7067,7 +7076,12 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             }
         }
         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({