bug: Issue in Ion Title on Angular Nested Routes

[satheshsat]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I agree to follow the Code of Conduct.
• [X] I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

When created a nested routes with sidemenu. ion title in toolbar is hidden and toolbar in content section was moved below.

Expected Behavior

Toolbar title should be displayed as it is. Ion Tiltle displayed below toolbar

Steps to Reproduce

1. install ionic with sidemenu
2. Create seperate page
3. Move sidemenu to created page
4. set the browser to mobile view
5. click the url in browser and press enter to refresh
6. Run the code

Code Reproduction URL

https://github.com/satheshsat/ionic

Ionic Info

Ionic:

Ionic CLI : 7.2.0 (C:\Users\user\AppData\Roaming\nvm\v18.20.2\node_modules@ionic\cli) Ionic Framework : @ionic/angular 8.1.2 @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 : not installed @capacitor/core : 6.0.0 @capacitor/ios : not installed

Utility:

cordova-res : not installed globally native-run : 2.0.1

System:

NodeJS : v18.20.2 (C:\Program Files\nodejs\node.exe) npm : 10.5.0 OS : Windows 10

Additional Information

No response

[sean-perkins]

@satheshsat the application should only have a single ion-app instance, which is in the app.component.html:

+<ion-app>
  <ion-router-outlet></ion-router-outlet>
+</ion-app>

Please refer to our starters and best practices for routing. Currently your navigation is configured for a web application with nested routes. This is not recommended and will not behave as expected for a mobile experience.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being closed due to the lack of a reply. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!