@syncfusion/ej2-querybuilder 24.1.46 → 24.2.5

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

@@ -643,7 +643,8 @@ let QueryBuilder = class QueryBuilder extends Component {
                         dataSource: this.columns,
                         fields: this.fields, placeholder: this.l10n.getConstant('SelectField'),
                         popupHeight: ((this.columns.length > 5) ? height : 'auto'), close: this.fieldClose.bind(this, ruleElem.id + '_filterkey'),
-                        change: this.changeField.bind(this), value: rule ? ddlValue : null, open: this.popupOpen.bind(this, true)
+                        change: this.changeField.bind(this), value: rule ? ddlValue : null, open: this.popupOpen.bind(this, true),
+                        cssClass: 'qb-dropdownlist'
                     };
                     if (this.fieldModel) {
                         ddlField = Object.assign({}, ddlField, this.fieldModel);
@@ -770,9 +771,14 @@ let QueryBuilder = class QueryBuilder extends Component {
         }
     }
     renderToolTip(element) {
-        const tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'),
+        const tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'), isSticky: true,
             position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: () => {
                 tooltip.destroy();
+            }, beforeOpen: (args) => {
+                const tooltipCloseElement = args.element.querySelector('.e-tooltip-close');
+                if (tooltipCloseElement) {
+                    tooltipCloseElement.style.display = 'none';
+                }
             } });
         tooltip.appendTo(element);
         tooltip.open(element);
@@ -826,7 +832,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                     }
                     fieldElem = tempElem.querySelector('.e-rule-operator .e-control');
                     if (!rule.rules[index].operator) {
-                        if (fieldElem.parentElement.className.indexOf('e-tooltip') < 0) {
+                        if (fieldElem.parentElement.className.indexOf('e-tooltip') < 0 && fieldElem.className.indexOf('e-tooltip') < 0) {
                             this.renderToolTip(fieldElem.parentElement);
                         }
                         isValid = false;
@@ -2900,6 +2906,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         let i;
         let len;
         let tooltip;
+        let popupElement;
         super.destroy();
         element = this.element.querySelectorAll('.e-addrulegroup');
         len = element.length;
@@ -2907,6 +2914,12 @@ 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();
@@ -3526,9 +3539,11 @@ let QueryBuilder = class QueryBuilder extends Component {
                 if (remRule && remRule.rules) {
                     for (let r = 0; r < remRule.rules.length; r++) {
                         const column = this.getColumn(remRule.rules[r].field);
-                        const isTemplateRendered = ruleElemColl[r].querySelector('.e-template-value');
-                        if (column && (column.ruleTemplate || (this.isPlatformTemplate(column) && isTemplateRendered))) {
-                            removeString.push(ruleElemColl[r].id);
+                        if (ruleElemColl[r]) {
+                            const isTemplateRendered = ruleElemColl[r].querySelector('.e-template-value');
+                            if (column && (column.ruleTemplate || (this.isPlatformTemplate(column) && isTemplateRendered))) {
+                                removeString.push(ruleElemColl[r].id);
+                            }
                         }
                     }
                 }