vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.67k stars 6.95k forks source link

[Feature Request] Smooth Slide Navigation Drawer (see quasar) #3262

Closed jpgilchrist closed 2 years ago

jpgilchrist commented 6 years ago

New Functionality

On mobile (cordova) I want the navigation drawer to feel more native. See quasar (http://quasar-framework.org/quasar-play/android/index.html#/showcase/layout/play-with-layout) in mobile emulation mode. As you drag your finger from either edge the navigation drawer follows your finger. Whereas, with vuetify, it pops out when the gesture is finished.

This is borderline necessary in order for me to pursue vuetify as my component framework in a cordova application.

Improvements

NavigationDrawer gesture/animation

Bugs or Edge Cases it Helps Avoid

n/a

jpgilchrist commented 6 years ago

Specifically the touch-pan directive: https://github.com/quasarframework/quasar/blob/dev/src/directives/touch-pan.js

as used in: https://github.com/quasarframework/quasar/blob/dev/src/components/layout/QLayoutDrawer.js

phoenix741 commented 6 years ago

I use the vuetify and i love this framework, but i look to go to quasar or other framework because on the mobile application i develop, the gesture not working as expected.

The drawer is slow and not responsive.

It will be great if the framework implements mobile gesture and if the framework is optmized to be run on mobile device.

pudjamansyurin commented 5 years ago

same with me, when I use vuetify on desktop, it run smoothly. but when i accessed it from mobile, there was delay about 1 sec, when i clicked something

tajnymag commented 5 years ago

Having around 2 second delay too after clicking hamburger icon on Oneplus One (Chromium 70)

Neither VueMaterial or Quasar has this issue.

JamesDeegan commented 5 years ago

I would just like to add my voice to this discussion. Living in a mobile first world today I would also like to see the mobile side of vuetify kicking it up a notch to feel more native. Actual draggable nav drawers is top of my request list.

I too considered Quasar just because of touch support and better native mobile experience but i can see the Vuetify devs just have to add a few small things and there will be no question vuetify is better in every aspect of SPA's/PWA's for mobile and desktop. When deciding between React and Vuejs a year and a half ago i could see Vue was gaining traction and chose a framework based not on the now but the future.. Same thing here. Vuetify will become the defacto in my opinion, Quasar is really missing so many components. Vuetify just needs to add native draggable drawers, some kind of recyclable scroller (seems people prefer this built in than having to look for something like vue-scroller and install it seperately) and better touch support and Quasar is toast :) Remember, We living in a mobile first world today. So a bit more focus there please devs. Otherwise absolutely great framework

johnleider commented 5 years ago

This did not make the cut for v2.0 release. It is something that we still plan to implement. Thank you for your patience.

MIhailsPopovs commented 4 years ago

Hello, i too have this issue. Are there any updates coming soon? Should we expect an update on this when the version reaches v3.x.x ?

doubleyhun commented 4 years ago

Is this problem solved? I'm seriously considering going to quasar

MIhailsPopovs commented 4 years ago

@doubleyhun You could use an external package..