Drawer - Bug on Open #287

JeremyBYU opened this Issue Dec 28, 2016 · 5 comments


None yet

2 participants


Love the project! However I just wanted to share a small bug I found. When you use q-drawer and attempt to open by swiping with your thumb starting from the left and finish almost all the way to the right then the drawer does not open and the screen turns black. This is running it with the cordova wrapper, not sure if it exists just using chrome.

Attached is a GIF demonstrating this. The first swipe shows the bug, with the thumb extending almost all the way to the right. The second swipe shows it correctly where you only slide to about halfway. The final swipe shows the bug again (let the gif run through once, sometimes it choppy the first time it runs).


Version Numbers:

 "dependencies": {
    "babel-runtime": "^6.0.0",
    "fastclick": "^1.0.6",
    "material-design-icons": "^3.0.1",
    "moment": "^2.15.0",
    "quasar-framework": "^0.11.0",
    "roboto-fontface": "^0.6.0",
    "velocity-animate": "^1.2.3",
    "vue": "2.1.7",
    "vue-router": "^2.0.0"

Also here is the relevant code:

    <div slot="header" class="toolbar">
      <button class="hide-on-drawer-visible" @click="$refs.leftDrawer.open()">
      <q-toolbar-title :padding="1">
        Alexa Love Notes
    <q-drawer ref="leftDrawer">
      <div class="toolbar light">
        <q-toolbar-title :padding="1">
      <div class="list no-border platform-delimiter">
        <q-drawer-link icon="help" to="/about/">
        <q-drawer-link icon="list" to="/notes/">
          My Notes
    <router-view class="layout-view">

Will investigate. Thanks!


Confirmed. This is next on my list of fixes.

@rstoenescu rstoenescu closed this Dec 28, 2016

Wow that was fast! I'll give it a shot and see if it works. How should I get the fix? Pull from master?

"quasar-framework": "^0.11.0",


"quasar-framework": "git://github.com/quasarframework/quasar.git#master",

Easy fix :)
Instructions here for nightly build: http://quasar-framework.org/guide/quasar-nightly-build.html
Make sure you delete node_modules/quasar-framework before npm installing nightly (this needs to be added to docs).



Fixed worked perfectly! Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment