bug: multi tab setup causes pages to render in wrong outlet

[dlodeprojuicer]

Bug Report

Ionic version:

[ ] 4.x
[x] 5.x

Current behavior:

Sometimes I get Cannot read property 'classList' of undefined when navigating between two pages.

Expected behavior:

Steps to reproduce:

This was mentioned here.... The error came up when I upgraded to 0.5.2. Now I am on 5.4.0-rc.1.

1. Clone and run the app
2. Open Chrome dev tools
3. On the app click Profile then click Home. The error will show up on the console.

Related code:

Github repo

insert short code snippets here

Other information:

Ionic info:

Ionic:

   Ionic CLI       : 6.11.8-testing.0 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/vue 5.4.0-rc.1

Capacitor:

   Capacitor CLI   : 2.4.1
   @capacitor/core : 2.4.1

Utility:

   cordova-res : 0.15.1
   native-run  : not installed

System:

   NodeJS : v12.18.0 (/usr/local/bin/node)
   npm    : 6.14.4
   OS     : macOS Catalina

[liamdebeasi]

Thanks for the issue. Can you try the following dev build and let me know if it resolves the issue?

npm install @ionic/vue@5.4.0-dev.202010121817.181d322 @ionic/vue-router@5.4.0-dev.202010121817.181d322 --save-exact

[dlodeprojuicer]

@liamdebeasi the build resolves the issue. Thanks.

[liamdebeasi]

Thanks for the issue. This has been resolved via #22301, and a fix will be available in an upcoming release of Ionic Framework.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. 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.