@syncfusion/ej2-multicolumn-combobox 33.1.44 → 33.1.49

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

@@ -267,6 +267,7 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
         var _this = _super.call(this, options, element) || this;
         _this.gridInject = new MultiColumnGrid();
         _this.isShowSpinner = true;
+        _this.isClearing = false;
         _this.gridInject.InjectModules();
         return _this;
     }
@@ -526,6 +527,13 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
             this.updateGridHeight(true, true);
         }
         this.popupObj.refreshPosition();
+        if (args.requestType === 'refresh') {
+            setTimeout(function () {
+                if (_this.popupObj && _this.isPopupOpen) {
+                    _this.popupObj.refreshPosition();
+                }
+            }, 0);
+        }
         this.gridObj.element.querySelector('.e-content').scrollTop = 0;
     };
     MultiColumnComboBox.prototype.handleKeyPressed = function (args) {
@@ -858,6 +866,10 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
     };
     MultiColumnComboBox.prototype.initValue = function (isRerender, isValue, isInitial) {
         var _this = this;
+        // Prevent re-entry during null value clearing
+        if (this.isClearing) {
+            return;
+        }
         var prevItemData = this.gridObj.getSelectedRecords()[0];
         var prevItemEle = this.gridObj.getSelectedRows()[0];
         var item;
@@ -868,6 +880,21 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
         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
+            var 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;
+        }
         var updateValues = function (dataList) {
             var result = _this.updateCurrentValues(item, dataList);
             currentValue = result.currentValue;