You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v6.x, v7.x
Current Behavior
If you define a nested route like the documentation example (https://ionicframework.com/docs/react/navigation), the animation to nested route and the animation exiting nested route are wrong (in iOs when you navigate to nested route, the first time, the semi-opaque layer is missing and when you navigate back from the nested route, the nested content is immediately hidden).
I've tried the nested route definition using the documentation example:
The first option directly has no animations (only when navigate to nested route). I've got the best results with the second option but the animations are wrong. See video (configuring chrome animation speed to 10% in dev tools):
liamdebeasi
changed the title
bug: wrong animations using nested routes
bug: pushing a view in a nested outlet can go back when it should not
Jan 16, 2024
Prerequisites
Ionic Framework Version
v6.x, v7.x
Current Behavior
If you define a nested route like the documentation example (https://ionicframework.com/docs/react/navigation), the animation to nested route and the animation exiting nested route are wrong (in iOs when you navigate to nested route, the first time, the semi-opaque layer is missing and when you navigate back from the nested route, the nested content is immediately hidden).
I've tried the nested route definition using the documentation example:
And a suggested work around from other issue (#20219 (comment)):
The first option directly has no animations (only when navigate to nested route). I've got the best results with the second option but the animations are wrong. See video (configuring chrome animation speed to 10% in dev tools):
Grabacion.de.pantalla.2024-01-16.a.las.9.57.36.mov
Expected Behavior
Identical page animations in nested and non-nested routes.
Steps to Reproduce
Code Reproduction URL
https://github.com/melenudo/pure-ionic-nested
Ionic Info
[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module
'@capacitor/ios/package.json'
[WARN] Error loading @capacitor/android package.json: Error: Cannot find module
'@capacitor/android/package.json'
Ionic:
Ionic CLI : 7.2.0 (/Users/u01a34ad/.nvm/versions/node/v18.19.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 7.6.4
Capacitor:
Capacitor CLI : 5.6.0
@capacitor/android : not installed
@capacitor/core : 5.6.0
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.0
System:
NodeJS : v18.19.0 (/Users/u01a34ad/.nvm/versions/node/v18.19.0/bin/node)
npm : 10.2.3
OS : macOS Unknown
Environment:
HTTP_PROXY : http://localhost:8000
HTTPS_PROXY : http://localhost:8000
Additional Information
No response
The text was updated successfully, but these errors were encountered: