Left Drawer Panel Breaks when Including Right Drawer Panel and Navigating on Another Route

  • Good day. I’m currently working on a simple app using the default quasar template and encountered this problem. I am currently using left and right drawer panels. The problem is if I try to toggle the right drawer panel, and going to another route, the left drawer panel breaks.

    I’m toggling the right drawer panel on the mounted life cycle hook of the app, and then trigger the toggling again using the global event bus provided by quasar.

    I don’t know if this is expected and I need to do some configuration or this is a bug or maybe related in here:

    “Avoid directly using any other means of changing current route, like <router-link>, when on a drawer panel. You also need a way to tell the drawer panel to close itself (if it’s the case, on narrow windows) before navigating away. Notice that the drawer panels can also be closed with the “back” button (both on a desktop or on a mobile device), which means they tamper with window history which must be restored before navigating to another route. Following examples show you how.”

    This also occurs even if I’m not toggling the right drawer panel. It just occurs when right drawer panel exists.

    I’ve uploaded a video here that replicates the issue -> https://streamable.com/rcfjz. Thanks in advance ;)

  • It seems that I can’t edit the post anymore because it was flagged as spam with the cause of subsequent updates I’ve done in the past hours. For the update, the issue occurs only when the right drawer is closed. When opened, the issue goes away. :)

Log in to reply

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.