@syncfusion/ej2-querybuilder 33.1.44 → 33.1.49

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.1.44
+*  version : 33.1.49
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-querybuilder",
-  "version": "33.1.44",
+  "version": "33.1.49",
   "description": "Essential JS 2 QueryBuilder",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,12 +8,12 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-querybuilder.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~33.1.44",
-    "@syncfusion/ej2-buttons": "~33.1.44",
+    "@syncfusion/ej2-base": "~33.1.45",
+    "@syncfusion/ej2-buttons": "~33.1.49",
     "@syncfusion/ej2-calendars": "~33.1.44",
-    "@syncfusion/ej2-dropdowns": "~33.1.44",
-    "@syncfusion/ej2-inputs": "~33.1.44",
-    "@syncfusion/ej2-splitbuttons": "~33.1.44"
+    "@syncfusion/ej2-dropdowns": "~33.1.49",
+    "@syncfusion/ej2-inputs": "~33.1.49",
+    "@syncfusion/ej2-splitbuttons": "~33.1.49"
   },
   "devDependencies": {},
   "keywords": [

package/src/query-builder/query-builder.d.ts

@@ -352,6 +352,7 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private isRuleClicked;
     private groupCloned;
     private isRequestSent;
+    private initialID;
     private ddTree;
     private boundResizeHandler;
     /**

package/src/query-builder/query-builder.js

@@ -4217,30 +4217,32 @@ var QueryBuilder = /** @class */ (function (_super) {
             this.clearQBTemplate();
         }
         var qbDdlElems = this.element.querySelectorAll('.qb-dropdownlist');
-        if (!qbDdlElems || qbDdlElems.length === 0) {
-            qbDdlElems = document.querySelectorAll('.qb-dropdownlist');
-        }
-        for (i = 0; i < qbDdlElems.length; i++) {
-            var ddlElem = qbDdlElems[i];
-            var targetInput = ddlElem.tagName === 'INPUT' ? ddlElem : ddlElem.querySelector('input');
-            if (targetInput) {
-                var ddlInst = getComponent(targetInput, 'dropdownlist');
-                if (ddlInst) {
-                    if (ddlInst.close) {
-                        ddlInst.close = null;
-                    }
-                    if (ddlInst.open) {
-                        ddlInst.open = null;
-                    }
-                    if (ddlInst.change) {
-                        ddlInst.change = null;
+        if (qbDdlElems && qbDdlElems.length > 0) {
+            for (i = 0; i < qbDdlElems.length; i++) {
+                var ddlElem = qbDdlElems[i];
+                if (this.element.contains(ddlElem)) {
+                    var targetInput = ddlElem.tagName === 'INPUT' ? ddlElem : ddlElem.querySelector('input');
+                    if (targetInput) {
+                        var ddlInst = getComponent(targetInput, 'dropdownlist');
+                        if (ddlInst) {
+                            if (ddlInst.close) {
+                                ddlInst.close = null;
+                            }
+                            if (ddlInst.open) {
+                                ddlInst.open = null;
+                            }
+                            if (ddlInst.change) {
+                                ddlInst.change = null;
+                            }
+                            ddlInst.destroy();
+                        }
                     }
-                    ddlInst.destroy();
                 }
             }
         }
-        var popupElement = document.querySelectorAll('.qb-dropdownlist.e-popup');
-        if (popupElement) {
+        // Cleanup orphaned popup elements
+        var popupElement = this.element.querySelectorAll('.e-popup.e-dropdownlist');
+        if (popupElement && popupElement.length > 0) {
             for (i = 0; i < popupElement.length; i++) {
                 popupElement[i].remove();
             }
@@ -4303,7 +4305,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     var parent_1 = this.element.querySelector('#' + groupID);
                     var allContainers = parent_1.querySelectorAll(':scope > .e-group-body > .e-rule-list > [class*="-container"]');
                     var topLevelGroups = parent_1.querySelectorAll(':scope > .e-group-body > .e-rule-list > .e-group-container');
-                    if (topLevelGroups.length > 0 && groupID !== 'querybuilder_group0' && !(this.isAngular && groupID === 'ej2-querybuilder_0_group0')) {
+                    if (topLevelGroups.length > 0 && groupID !== 'querybuilder_group0' && !(this.isAngular && groupID === this.initialID + '_group0')) {
                         var lastGroupIndex = -1;
                         var lastGroup = topLevelGroups[topLevelGroups.length - 1];
                         for (var i = 0; i < allContainers.length; i++) {
@@ -4647,6 +4649,7 @@ var QueryBuilder = /** @class */ (function (_super) {
     };
     QueryBuilder.prototype.preRender = function () {
         this.element.id = this.element.id || getUniqueID('ej2-querybuilder');
+        this.initialID = this.element.id;
         this.defaultLocale = {
             StartsWith: 'Starts With',
             DoesNotStartWith: 'Does Not Start With',
@@ -5454,6 +5457,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         if (this.headerTemplate && isRoot) {
             this.isRoot = true;
         }
+        this.clearQBTemplate();
         this.reset();
         this.groupIdCounter = 1;
         this.ruleIdCounter = 0;