@syncfusion/ej2-querybuilder 24.2.3 → 24.2.5

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

@@ -695,7 +695,8 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                         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 = __assign({}, ddlField, this.fieldModel);
@@ -822,9 +823,14 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         }
     };
     QueryBuilder.prototype.renderToolTip = function (element) {
-        var tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'),
+        var tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'), isSticky: true,
             position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: function () {
                 tooltip.destroy();
+            }, beforeOpen: function (args) {
+                var tooltipCloseElement = args.element.querySelector('.e-tooltip-close');
+                if (tooltipCloseElement) {
+                    tooltipCloseElement.style.display = 'none';
+                }
             } });
         tooltip.appendTo(element);
         tooltip.open(element);
@@ -878,7 +884,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     }
                     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;
@@ -2963,6 +2969,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         var i;
         var len;
         var tooltip;
+        var popupElement;
         _super.prototype.destroy.call(this);
         element = this.element.querySelectorAll('.e-addrulegroup');
         len = element.length;
@@ -2970,6 +2977,12 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             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();