@syncfusion/ej2-multicolumn-combobox 32.2.3 → 33.1.46

package/dist/es6/ej2-multicolumn-combobox.es2015.js

@@ -208,6 +208,7 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
         super(options, element);
         this.gridInject = new MultiColumnGrid();
         this.isShowSpinner = true;
+        this.isClearing = false;
         this.gridInject.InjectModules();
     }
     /**
@@ -790,6 +791,10 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
         return fieldVal;
     }
     initValue(isRerender, isValue, isInitial) {
+        // Prevent re-entry during null value clearing
+        if (this.isClearing) {
+            return;
+        }
         const prevItemData = this.gridObj.getSelectedRecords()[0];
         const prevItemEle = this.gridObj.getSelectedRows()[0];
         let item;
@@ -800,6 +805,21 @@ let MultiColumnComboBox = class MultiColumnComboBox extends Component {
         this.isProtectedOnChange = true;
         this.value = this.value ? this.value.toString() : this.value;
         this.isProtectedOnChange = prevOnChange;
+        // Handle explicit null value assignment
+        if (isRerender && isValue && isNullOrUndefined(this.value)) {
+            this.isClearing = true;
+            // Clear all state when value is explicitly set to null
+            const prevOnChangeProtect = this.isProtectedOnChange;
+            this.isProtectedOnChange = true;
+            Input.setValue('', this.inputEle, this.floatLabelType, this.showClearButton);
+            this.setHiddenValue(); // Clears hidden element when value is null
+            this.gridObj.clearSelection();
+            this.text = null;
+            this.index = null;
+            this.isProtectedOnChange = prevOnChangeProtect;
+            this.isClearing = false;
+            return;
+        }
         const updateValues = (dataList) => {
             const result = this.updateCurrentValues(item, dataList);
             currentValue = result.currentValue;