feat(sidenav): add swipe functionality
Urigo opened this issue · 51 comments
Add the same swipe functionality behavior as ion-side-menus to open sidenav not just with click but with swipe left (or right)
Awesome work!
@ThomasBurleson: Same story here :) What does closing this ticket mean ?
+1
as @gkalpak said, What does closing this ticket mean? still there's no support.
@EladBezalel, @gkalpak - I cannot recall the reason why this was closed (and I obviously did not provide a comment). I will reopen until the pending Gestures features are pushed to master.
@ThomasBurleson I've been using md-swipe-right="$mdSidenav( 'sidenav' ).open()"
(and the opposite) with no problems at all.
What I did can be considered an workaround?
Its workaround but you would expect it to react with your finger..
Also i don't want to put md-swipe-right="$mdSidenav( 'sidenav' ).open()
on my body or container div
+1
It would be fantastic if the swipe functionality could be added to close the side menu!
Thanks!
@ThomasBurleson This is scheduled for 0.5 but is still open. Should this be rescheduled to 0.9.0 or 0.10.0?
+1
We really need this. +1
+1
@ThomasBurleson @ajoslin Will this be in 0.9?
@atentis - No. This will be consider in 0.10 or later (see Milestone label above, on the right)
@ThomasBurleson Thank You
It seems like I have to wait 0.11.0 come out to use angular material...
+1 be sweet if it comes out as you pull it
+1
+1
It would be very useful if the swipe functionality could be added to close sidenav
I seems like I have to wait 1.0 come out to use angular material...
+1
+1
+1
+1
@ALL - The Angular Material team is very busy with efforts and sprints for the 0.11 and 0.12 milestones.
If anyone is interested in add this functionality to the SideNav component to publish this feature before v1.0, a Pull Request would be welcomed heartily.
+1
+1
+1
El oct. 6, 2015 19:08, "cardimajs" notifications@github.com escribió:
+1
—
Reply to this email directly or view it on GitHub
#35 (comment).
Hello @ThomasBurleson, just out of curiosity, any idea if you guys are still including this in release 1.0.0 ? Thank you
It's marked as post-1.0
+1
The sidenav needs a drag-to-open functionality. That's the default behavior of native apps.
+1
+1
I'm using the above mentioned md-swipe-left
to close and creating a 20px fixed invisible container down the left of the window that listens for md-swipe-right
to open. This is obviously not ideal and actually quite tricky to get consistent results out of.
+1
+1
+1
So this finally is going to come out?
Yes, my PR is pending, and should be ready for merge ;)
@devversion do you have it applied to both side menus ? :)
@tonyawad88 Sure 👍
Whats the good word, any idea on when it will be merged?
this can be used for bottom sheet like mobile web google maps (part of div with drag up)?
Would be great in 1.1
what is the status of this?
This issue has been deprecated, although we do have an effort improving our gestures service with hammer.js, after that will go in we can easily enough make sidenav with dragging support.
If anyone wants to do one themselves without hammer.js you can check out this vid:
https://www.youtube.com/watch?v=Mhnj3PiPnZw
@marekmicek +1
This feature has been a very hot request from the community for years now. However, we've never (to my knowledge) had a community PR to add this functionality. I am reopening this so that the community knows that we would welcome a quality PR that adds this functionality. While you can't just copy #6174, you could review it for some of the issues already encountered.
Note that there are no plans at this time for the AngularJS Material team to implement this feature.
@Free-Easy That would be the preferred approach as introducing something like hammerjs at this point is probably not a good idea. Thanks for opening that issue.
Oh, it does look like we have an issue open to move over to hammerjs and get rid of $mdGesture
. However, I'm not sure that will ever happen.