@syncfusion/ej2-querybuilder 24.2.5 → 24.2.9

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

@@ -1313,6 +1313,10 @@ let QueryBuilder = class QueryBuilder extends Component {
             if (this.fieldMode === 'Default') {
                 dropDownObj = getComponent(closest(element, '.e-rule-container').querySelector('.e-filter-input'), 'dropdownlist');
                 this.selectedColumn = dropDownObj.getDataByValue(dropDownObj.value);
+                if (this.selectedColumn.columns) {
+                    dropDownObj = getComponent(closest(element, '.e-rule-container').querySelector('.e-rule-sub-filter .e-dropdownlist'), 'dropdownlist');
+                    this.selectedColumn = this.getColumn(dropDownObj.value);
+                }
             }
             else {
                 dropDownObj = getComponent(closest(element, '.e-rule-container').querySelector('.e-filter-input'), 'dropdowntree');
@@ -2914,12 +2918,6 @@ let QueryBuilder = class QueryBuilder extends Component {
             getComponent(element[i], 'dropdown-btn').destroy();
             detach(element[i]);
         }
-        popupElement = document.querySelectorAll('.qb-dropdownlist');
-        if (popupElement) {
-            for (i = 0; i < popupElement.length; i++) {
-                popupElement[i].remove();
-            }
-        }
         tooltip = this.element.querySelectorAll('.e-rule-filter .e-control.e-tooltip');
         for (i = 0; i < tooltip.length; i++) {
             getComponent(tooltip[i], 'tooltip').destroy();
@@ -2959,6 +2957,12 @@ let QueryBuilder = class QueryBuilder extends Component {
         if (this.portals && this.portals.length) {
             this.clearQBTemplate();
         }
+        popupElement = document.querySelectorAll('.qb-dropdownlist');
+        if (popupElement) {
+            for (i = 0; i < popupElement.length; i++) {
+                popupElement[i].remove();
+            }
+        }
         classList(this.element, [], ['e-rtl', 'e-responsive', 'e-device']);
         this.isDestroy = false;
     }
@@ -3642,6 +3646,10 @@ let QueryBuilder = class QueryBuilder extends Component {
             if (!(rule.rules[0] && rule.rules[0].rules)) {
                 this.disableRuleCondition(groupElem, rule);
             }
+            const tooltipElem = this.element.querySelectorAll('.e-tooltip');
+            for (let i = 0; i < tooltipElem.length; i++) {
+                getComponent(tooltipElem[i], 'tooltip').refresh(tooltipElem[i]);
+            }
             if (!this.isImportRules) {
                 this.trigger('change', args);
             }