@syncfusion/ej2-querybuilder 20.3.47 → 20.3.49

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

@@ -765,7 +765,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                     }
                 }
                 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;
                 }
@@ -799,7 +799,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                                     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++;
@@ -1116,6 +1116,9 @@ let QueryBuilder = class QueryBuilder extends Component {
         const rules = this.getParentGroup(grpElem);
         let ruleElem = closest(element, '.e-rule-container');
         let index = 0;
+        if (this.allowValidation) {
+            this.validateValue(rules, ruleElem);
+        }
         while (ruleElem && ruleElem.previousElementSibling !== null) {
             ruleElem = ruleElem.previousElementSibling;
             index++;
@@ -1285,7 +1288,9 @@ let QueryBuilder = class QueryBuilder extends Component {
         ddl.value = itemData.value;
         const 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;
     }
     changeField(args) {
@@ -2337,7 +2342,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                 }
             }
             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;
@@ -2703,7 +2708,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                     }
                 }
             }
-            this.validatValue(rule, ruleElem, index);
+            this.validateValue(rule, ruleElem, index);
         }
         else {
             if (target.className.indexOf('e-datepicker') > -1) {
@@ -2722,7 +2727,7 @@ let QueryBuilder = class QueryBuilder extends Component {
             }
         }
     }
-    validatValue(rule, ruleElem, index) {
+    validateValue(rule, ruleElem, index) {
         if (!isNullOrUndefined(index)) {
             rule = rule.rules[index];
         }