-
Notifications
You must be signed in to change notification settings - Fork 3.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Dragging in mobile is buggy - scrolls page and triggers error #1022
Comments
The easy fix (not sure if correct fix, though) is to update the implementation of the function function _on(el, event, fn) {
el.addEventListener(event, fn, {capture: false, passive: false});
} meaning - to change the last parameter from |
Can this please be fixed? The latest Chrome update broke Sortable.js on mobile. |
+1, working on Chrome 55 on android 7.1.1, broken on Chrome 56 on android 6.0.1. Also seeing this issue in mobile Safari. Reproducible on desktop Chrome 56 with device emulation enabled. |
+1 |
Fixed: 42f57f1 |
Confirmed working on latest in chrome 56! Thank you! I just tossed some cash into the donation link on the site. I'm still seeing the behavior on mobile Safari, although the behavior is consistent with the way it was behaving on chrome - is it possible that Safari is also ignoring the preventDefault? |
Quite possible. |
Sorry for the trouble, this is a breaking change in Chrome 56 to improve scroll performance. Note that your fix isn't compatible with browsers that don't support EventListenerOptions - you may want to use feature detection. However, it looks like your code also supports pointer events - which don't disable scrolling via |
Thanks @RubaXa, the |
So? Add or not it is in the master? |
Hi, I think the way to fix it must be with feature detection as @RByers mentioned. So I guess something like the below?
|
If you really want to support both touch scrolling and dragging based on how long the user holds their finger down after Can someone point to a demo where that works? I'm curious to see what the UX feels like - it sounds pretty strange to support both interactions with roughly the same gesture. Is this is a "long press to pick up and then drag" sort of UX? |
Don't think there is a demo for this. But |
Thanks, yes I agree that with the right affordances that's a reasonable UX. Spec issue filed, thanks! |
@elonmallin PR? |
I specifically left the possibility: https://github.com/RubaXa/Sortable/blob/touch-action/Sortable.js#L70 |
#1043 Guess you meant that the PR should be in the touch-action branch? Also removed the |
Done. |
@RubaXa when are you planning to tag a new release so we can update via NPM? Or is it possible to update without you first tagging? |
Tomorrow. |
sortablejs@1.5.0 |
I installed sortablejs@1.5.1 and this bug was not resolved 1d1e781 |
1.5.1 not working on chrome for mobile or WebView chrome client. Any update on this issue? Thanks |
1.6.0 is throwing the same error. Any ideas on how to fix it? |
Any update? |
Just checking if this is still on the table for being fixed? |
@wattrobert This error will not exist in the next version |
In 1.8.1 it should now work |
When I switch to mobile mode in Chrome 55 and I try to drag some sortable element, I get this error on every "finger" move:
In addition, if the page has where to scroll, it scrolls.
If you want to see for yourself you can go to the official Sortable.js demo (http://rubaxa.github.io/Sortable/), open up dev tools, enable device emulation mode and start moving elements around.
The text was updated successfully, but these errors were encountered: