bug: Navigation triggered outside Angular zone, did you forget to call 'ngZone.run()'? after update to 5.8.2 and higher #24051
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
- v4.x
- v5.x
- v6.x
Current Behavior
After the update to ionic 5.8.1 I get a warning in the console log. The new page is loaded, but the NGRX selectRouter isn't triggered anymore to load the new data with a subscription. In the list page the navigateByUrl() is used.
Expected Behavior
No warning from ngZone.run() in the console log and emitting the NGRX selectRouter to load the data with selectors.
Steps to Reproduce
Update "@ionic/angular" package from "5.8.1" to "5.8.2"
Code Reproduction URL
see https://github.com/mvandenbrink/ionic-issue-24051
Ionic Info
$ ionic info
Ionic:
Ionic CLI : 6.17.1 (C:\Users****\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 5.8.2
@angular-devkit/build-angular : 12.2.9
@angular-devkit/schematics : 12.2.9
@angular/cli : 12.2.9
@ionic/angular-toolkit : 4.0.0
Cordova:
Cordova CLI : not installed
Cordova Platforms : not available
Cordova Plugins : not available
Utility:
cordova-res : not installed globally
native-run : not installed globally
System:
NodeJS : v14.17.1 (C:\Program Files\nodejs\node.exe)
npm : 6.14.13
OS : Windows 10
Additional Information
I saw in the release notes a bug fix for angular: use initialize function when setting up ionic angular to avoid config errors (#24004) (f112ad4), closes #22853. It seems that this broke something. In ionic/angular 5.8.3 this issue still occurs.
I could reproduce my issue with the ActionSheetController, see code reproduction URL. If the ionic/angular is downgraded to 5.8.1 everything is working fine.