@syncfusion/ej2-querybuilder 24.2.3 → 24.2.8

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;
@@ -2946,6 +2953,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;
     }