Ionic-framework: bug: On setting route query param ionic makes everything hidden.

[stripathix]

Bug Report

Ionic version:

 "dependencies": {
    "@ionic/vue": "0.5.0",
    "@ionic/vue-router": "0.5.0",
    "core-js": "^3.6.5",
    "vue": "^3.0.0-0",
    "vue-router": "^4.0.0-0"
  },

Current behavior:
When we set query param from a method the ionic makes the whole screen blank.

setRouteQuery() {
      const queryParam = {
        workshopdirectory: 'test',
        workshopid: 'test2',
        title: 'test3',
      };
      this.$router.push({ query: queryParam });
    },

Expected behavior:
When was using vue2 then it was just working fine. Looks like there is hidden class added.

Steps to reproduce:
Use this GitHub repository https://github.com/stripathix/ionic-modal-issue/tree/master/my-app
From tab1 click on "Set Route Param" button. Then the screen goes blank

Related code:
https://github.com/stripathix/ionic-modal-issue/tree/master/my-app

[liamdebeasi]

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

npm install @ionic/[email protected] @ionic/[email protected]

[liamdebeasi]

I have merged in a fix for this here: https://github.com/ionic-team/ionic-framework/pull/22253. I am going to close this issue, but please let me know if you run into any issues!

[stripathix]

Thank @liamdebeasi for fixing it. It works :-). Sorry for the late reply was not well.

[liamdebeasi]

Glad to hear the issue is resolved. Hope you are feeling better!

[ionitron-bot[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.