QDrawer cannot be initially set to true

What happened?

QDrawer initial value to true doesn’t work.

What did you expect to happen?

I expected the Drawer to stay open after refresh

Reproduction URL

https://codesandbox.io/s/qdrawer-cannot-be-set-to-true-3k0fg?file=/src/App.vue

How to reproduce?

1. Go the the reproduction link
2. Refresh the view
3. Observe that the Drawer auto-closes when instead should stay open

Flavour

Quasar CLI (@quasar/cli | @quasar/app)

Areas

SPA Mode

Platforms/Browsers

Chrome

Quasar info output

No response

Relevant log output

No response

Additional context

No response

[rstoenescu]

@Rolanddoda

1. Workaround until I’ll sort this out: use “persistent” prop on the QDrawer. Ruled out Vue as a root cause. It might actually be a regression in vue-router because it all starts from a route watcher. Will keep this thread up to date as I progress.
2. Thanks for reporting and for your time! Please do not take Dan’s comments in a negative fashion. We’re all dealing with lots of stuff on our plate and just trying to make the best of it, but sometimes exhaustion can lead to things like this. All it matters is that in the end Quasar can serve developers even better.

[rstoenescu]

Pushed a perf improvement on route watching though. It’ll go into Quasar v2.4.14. A side-effect will be that if your app is started from the root route, it won’t trigger the drawer hide() call described earlier (even if you put QDrawer directly under App.vue). But if starting your app with another route, the problem will still happen.

Bottom line: get your layout out of App.vue or use persistent on QDrawer.