[WC-3186]: Combobox(Database) onChange event firing unexpectedly

packages/pluggableWidgets/combobox-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We fixed an issue with on change event firing unexpectedly when datasource type is set to database.
+
 ## [2.6.2] - 2025-10-29
 
 ### Fixed

packages/pluggableWidgets/combobox-web/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@mendix/combobox-web",
     "widgetName": "Combobox",
-    "version": "2.6.2",
+    "version": "2.6.3",
     "description": "Configurable Combo box widget with suggestions and autocomplete.",
     "copyright": "© Mendix Technology BV 2025. All rights reserved.",
     "license": "Apache-2.0",

packages/pluggableWidgets/combobox-web/src/Combobox.xml

@@ -50,7 +50,7 @@
                     <caption>Selectable objects</caption>
                     <description />
                 </property>
-                <property key="optionsSourceDatabaseItemSelection" type="selection" dataSource="optionsSourceDatabaseDataSource" onChange="onChangeDatabaseEvent">
+                <property key="optionsSourceDatabaseItemSelection" type="selection" dataSource="optionsSourceDatabaseDataSource">
                     <caption>Selection type</caption>
                     <description />
                     <selectionTypes>

packages/pluggableWidgets/combobox-web/src/helpers/Database/DatabaseMultiSelectionSelector.ts

@@ -1,5 +1,6 @@
 import { ThreeStateCheckBoxEnum } from "@mendix/widget-plugin-component-kit/ThreeStateCheckBox";
-import { ListAttributeValue, ObjectItem, SelectionMultiValue } from "mendix";
+import { ActionValue, ListAttributeValue, ObjectItem, SelectionMultiValue } from "mendix";
+import { executeAction } from "@mendix/widget-plugin-platform/framework/execute-action";
 import {
     ComboboxContainerProps,
     LoadingTypeEnum,
@@ -33,6 +34,7 @@ export class DatabaseMultiSelectionSelector implements MultiSelector {
     protected lazyLoader: LazyLoadProvider = new LazyLoadProvider();
     private _objectsMap: Map<string, ObjectItem> = new Map();
     selectedItemsSorting: SelectedItemsSortingEnum = "none";
+    private onChangeEvent?: ActionValue;
 
     constructor(props: { filterInputDebounceInterval: number }) {
         this.caption = new DatabaseCaptionsProvider(this._objectsMap);
@@ -124,6 +126,7 @@ export class DatabaseMultiSelectionSelector implements MultiSelector {
         this.selection.setKeepSelection?.(() => true);
         this.selectionMethod = props.selectionMethod;
         this.selectedItemsSorting = props.selectedItemsSorting;
+        this.onChangeEvent = props.onChangeDatabaseEvent;
 
         this.currentId = sortSelectedItems(
             this.selection?.selection,
@@ -154,5 +157,6 @@ export class DatabaseMultiSelectionSelector implements MultiSelector {
         if (newValue) {
             this.selection?.setSelection(newValue);
         }
+        executeAction(this.onChangeEvent);
     }
 }

packages/pluggableWidgets/combobox-web/src/helpers/Database/DatabaseSingleSelectionSelector.ts

@@ -1,4 +1,5 @@
-import { EditableValue, ListAttributeValue, ObjectItem, SelectionSingleValue } from "mendix";
+import { ActionValue, EditableValue, ListAttributeValue, ObjectItem, SelectionSingleValue } from "mendix";
+import { executeAction } from "@mendix/widget-plugin-platform/framework/execute-action";
 import {
     ComboboxContainerProps,
     LoadingTypeEnum,
@@ -32,6 +33,7 @@ export class DatabaseSingleSelectionSelector<T extends string | Big, R extends E
     values: DatabaseValuesProvider;
     protected _attr: R | undefined;
     private selection?: SelectionSingleValue;
+    private onChangeEvent?: ActionValue;
 
     constructor(props: { filterInputDebounceInterval: number }) {
         this.caption = new DatabaseCaptionsProvider(this._objectsMap);
@@ -133,6 +135,7 @@ export class DatabaseSingleSelectionSelector<T extends string | Big, R extends E
         this.customContentType = customContentType;
         this.lazyLoading = lazyLoading;
         this.loadingType = loadingType;
+        this.onChangeEvent = props.onChangeDatabaseEvent;
 
         if (this.selection.selection === undefined) {
             const objectId = this.options.getAll().find(option => {
@@ -151,5 +154,6 @@ export class DatabaseSingleSelectionSelector<T extends string | Big, R extends E
             this.selection?.setSelection(this.options._optionToValue(objectId));
         }
         this.currentId = objectId;
+        executeAction(this.onChangeEvent);
     }
 }

packages/pluggableWidgets/combobox-web/src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="Combobox" version="2.6.2" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="Combobox" version="2.6.3" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="Combobox.xml" />
         </widgetFiles>

packages/pluggableWidgets/combobox-web/typings/ComboboxProps.d.ts

@@ -87,6 +87,7 @@ export interface ComboboxContainerProps {
     customEditabilityExpression: DynamicValue<boolean>;
     readOnlyStyle: ReadOnlyStyleEnum;
     onChangeEvent?: ActionValue;
+    onChangeDatabaseEvent?: ActionValue;
     onEnterEvent?: ActionValue;
     onLeaveEvent?: ActionValue;
     onChangeFilterInputEvent?: ActionValue<{ filterInput: Option<string> }>;