@syncfusion/ej2-querybuilder 33.1.44 → 33.1.49

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

@@ -4203,30 +4203,32 @@ var QueryBuilder = /** @__PURE__ @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();
             }
@@ -4289,7 +4291,7 @@ var QueryBuilder = /** @__PURE__ @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++) {
@@ -4633,6 +4635,7 @@ var QueryBuilder = /** @__PURE__ @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',
@@ -5440,6 +5443,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         if (this.headerTemplate && isRoot) {
             this.isRoot = true;
         }
+        this.clearQBTemplate();
         this.reset();
         this.groupIdCounter = 1;
         this.ruleIdCounter = 0;