diff --git a/core/src/components/picker-column-internal/picker-column-internal.tsx b/core/src/components/picker-column-internal/picker-column-internal.tsx
index d5e50f5db4..7af3fb56ed 100644
--- a/core/src/components/picker-column-internal/picker-column-internal.tsx
+++ b/core/src/components/picker-column-internal/picker-column-internal.tsx
@@ -64,7 +64,13 @@ export class PickerColumnInternal implements ComponentInterface {
 
   @Watch('value')
   valueChange() {
+    const { items, value } = this;
     this.scrollActiveItemIntoView();
+
+    const findItem = items.find(item => item.value === value);
+    if (findItem) {
+      this.ionChange.emit(findItem);
+    }
   }
 
   /**
@@ -206,7 +212,6 @@ export class PickerColumnInternal implements ComponentInterface {
 
           if (selectedItem.value !== this.value) {
             this.value = selectedItem.value;
-            this.ionChange.emit(selectedItem);
             hapticSelectionEnd();
             this.hapticsStarted = false;
           }
diff --git a/core/src/components/picker-internal/test/basic/index.html b/core/src/components/picker-internal/test/basic/index.html
index d061db68a0..a53107df28 100644
--- a/core/src/components/picker-internal/test/basic/index.html
+++ b/core/src/components/picker-internal/test/basic/index.html
@@ -107,7 +107,7 @@
     </ion-app>
 
     <script>
-      const column = document.querySelector('ion-picker-column-internal');
+      const column = document.querySelector('ion-picker-column-internal#numeric-first');
       column.addEventListener('ionChange', (ev) => {
         console.log('Column change', ev.detail);
       });