question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Drawer - Bug on Open

See original GitHub issue

Hi, 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).

bug-quasar-framework

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:

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

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
JeremyBYUcommented, Dec 28, 2016

Fixed worked perfectly! Thank you!

1reaction
rstoenescucommented, Dec 28, 2016

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).

Enjoy!

Read more comments on GitHub >

github_iconTop Results From Across the Web

[BUG] Blink drawer when open the app · Issue #7561 - GitHub
I tried to upgrade my react-navigation-drawer to 2.2.1 version but when I open the app it blinks a sidebar.. GIF You can see...
Read more >
Why does DrawerLayout sometimes glitch upon opening?
The drawer can be in several states: IDLE , DRAGGING and SETTLING . If it was in the DRAGGING state, it cannot return...
Read more >
[BUG] Extend Drawer Open Region I does not work : r/redditsync
Extend drawer open region no longer works. When using gestures, I have to swipe from the left border or my screen to open...
Read more >
bug while opening app drawer - OnePlus Community
Title: bug while opening app drawer; Device: OnePlus7Pro; Software Version: O2 Stable 190523; Probablility of occurance: 5_100%; Topic: Bug Report; Photos: ...
Read more >
App drawer dim when opening and graphical issue when ...
Once wiping up and opening up the app drawer the app drawer will be dim. I will have to open and close it...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found