Skip to content

bug: Tabs not changing ion page correctly #29703

Closed as not planned
Closed as not planned
@Diogo-Coding

Description

@Diogo-Coding

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

The Ion page is not changing to the correct tab page after several route changes before going back to a tab page.

I see that the events tell that the page is the correct one, also the route is the correct one, also the tab selected is the correct one, but... the ion page that is being shown is not the correct one, its just the last one that user has been and doesnt update to the correct one.

Expected Behavior

Ion Page should change to the correct one based on the tab Selected

Steps to Reproduce

First go and clone the project, install and preview it. Then:

  1. Load every tab
  2. Go to Tab 1
  3. Click on go to random view
  4. Click on go to another random view
  5. Click on go to tab 3

If you load page, and dont go tab 3, and skip step 1. Then it will work, but if you have tab 3 loaded and follow the steps, then the bug will happen

Code Reproduction URL

https://github.com/Diogo-Coding/bug-tabs-routes

Ionic Info

[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package.json'

   Require stack:
   - /home/sistemas/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/lib/project/index.js
   - /home/sistemas/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/lib/index.js
   - /home/sistemas/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/index.js
   - /home/sistemas/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/bin/ionic

Ionic:

Ionic CLI : 7.1.5 (/home/sistemas/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 7.5.4

Capacitor:

Capacitor CLI : 5.5.1
@capacitor/android : 5.5.1
@capacitor/core : 5.5.1
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run (update available: 2.0.1) : 1.7.4

System:

NodeJS : v20.9.0 (/home/sistemas/.nvm/versions/node/v20.9.0/bin/node)
npm : 10.1.0
OS : Linux 5.15

Additional Information

The project is created as a demo to visualize the bug, lot of package.json librarys are not being used

Metadata

Metadata

Assignees

No one assigned

    Labels

    needs: replythe issue needs a response from the user

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions