Drawer - Bug on Open
See original GitHub issueHi,
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:
<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:
- Created 7 years ago
- Comments:5 (3 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Fixed worked perfectly! Thank you!
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!