-
Notifications
You must be signed in to change notification settings - Fork 13.4k
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v7.x
Current Behavior
In a blank angular ionic project I tested the ion-picker in modal as described here: https://ionicframework.com/docs/api/picker#picker-in-modal
The ionChange event of the ion-picker-column (see https://ionicframework.com/docs/api/picker-column#events) works fine ONLY on android devices when the value change.
In iOS nothing is fired.
Expected Behavior
Same behavior as Android
Steps to Reproduce
- create a blank angular ionic project
- Insert code as the documentation in the
home.page.html,home.poge.tsandhome.page.scssfiles: https://ionicframework.com/docs/api/picker#picker-in-modal - To check the bug add in
home.page.tsone line to theonIonChangefunction:
onIonChange(event: CustomEvent) {
console.log("onIonChange fired!", event.detail.value) // ADD THIS LINE
this.currentValue = event.detail.value;
}
- Try on an Android device: you see in the console the
ionChangeevent fired when value change - Try on an iOS device: nothing is fired when value change
Code Reproduction URL
https://github.com/losciur/ionic-bug-ion-column-picker
Ionic Info
Ionic:
Ionic CLI : 7.2.0 (/Users/losciur/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 8.1.1
@angular-devkit/build-angular : 17.3.7
@angular-devkit/schematics : 17.3.7
@angular/cli : 17.3.7
@ionic/angular-toolkit : 11.0.1
Capacitor:
Capacitor CLI : 6.0.0
@capacitor/android : 6.0.0
@capacitor/core : 6.0.0
@capacitor/ios : 6.0.0
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v18.19.0 (/Users/losciur/.nvm/versions/node/v18.19.0/bin/node)
npm : 10.2.3
OS : macOS Unknown
Additional Information
No response