@syncfusion/ej2-querybuilder 20.3.47 → 20.3.50

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

@@ -817,11 +817,11 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 else {
-                    dropDownObj = getComponent(ruleElemCln[i].querySelector('.e-rule-field .e-control'), 'dropdownlist');
+                    dropDownObj = getComponent(ruleElemCln[i].querySelector('.e-rule-field input.e-control'), 'dropdownlist');
                     this.selectedColumn = dropDownObj.getDataByValue(dropDownObj.value);
                     validateRule = !isNullOrUndefined(dropDownObj.index) && this.selectedColumn.validation;
                 }
-                fieldElem = tempElem.querySelector('.e-rule-field .e-control');
+                fieldElem = tempElem.querySelector('.e-rule-field input.e-control');
                 if (validateRule && validateRule.isRequired) {
                     while (indexElem && indexElem.previousElementSibling !== null) {
                         indexElem = indexElem.previousElementSibling;
@@ -851,7 +851,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                                     this.renderToolTip(elem);
                                 }
                             }
-                            else if (valElem[j].parentElement.className.indexOf('e-tooltip') < 0) {
+                            else if (valElem[j].parentElement.className.indexOf('e-tooltip') < 0 && valElem[j].className.indexOf('e-tooltip') < 0) {
                                 this.renderToolTip(valElem[j].parentElement);
                             }
                             j++;
@@ -1169,6 +1169,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         var rules = this.getParentGroup(grpElem);
         var ruleElem = closest(element, '.e-rule-container');
         var index = 0;
+        if (this.allowValidation) {
+            this.validateValue(rules, ruleElem);
+        }
         while (ruleElem && ruleElem.previousElementSibling !== null) {
             ruleElem = ruleElem.previousElementSibling;
             index++;
@@ -1340,7 +1343,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         ddl.value = itemData.value;
         var customArgs = { element: ddl.element, value: itemData.value, isInteracted: true,
             previousItemData: this.prevItemData, previousItem: null, item: item, itemData: itemData, event: null, e: null };
-        this.changeField(customArgs);
+        if (ddl.previousValue !== ddl.value) {
+            this.changeField(customArgs);
+        }
         this.isFieldChange = false;
     };
     QueryBuilder.prototype.changeField = function (args) {
@@ -2399,7 +2404,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             if (isRender) {
-                this.validatValue(rule, closest(target, '.e-rule-container'));
+                this.validateValue(rule, closest(target, '.e-rule-container'));
                 this.destroyControls(target);
             }
             itemData.template = column.template;
@@ -2766,7 +2771,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
             }
-            this.validatValue(rule, ruleElem, index);
+            this.validateValue(rule, ruleElem, index);
         }
         else {
             if (target.className.indexOf('e-datepicker') > -1) {
@@ -2785,7 +2790,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    QueryBuilder.prototype.validatValue = function (rule, ruleElem, index) {
+    QueryBuilder.prototype.validateValue = function (rule, ruleElem, index) {
         if (!isNullOrUndefined(index)) {
             rule = rule.rules[index];
         }