— Draggable Issues
Sorry about the delay, but we were waiting for a fix to our problem from... more responses here and/or new info online, and/or new releases for IOS13 or iPadOS. Please see the link below, it is a video of our desktop screen, showing how the site would work. The video is 21mb, has no sound, and is about 30 seconds. It might take a second or two to load. https://santoriello.com/example_video_2.mov
As you can see, we have a series of posts that can be scrolled vertically, and a series of slides in each post that are draggable, horizontally. The entire slide is draggable, the image and the text. The site should EITHER scroll the page vertically or drag the slides horizontally, but never both at the same time. Both iOS13 (?) and iPadOS allow for both to happen at the same time, very bad
— Draggable Production with iOS 13.1.3
I think we have this solved for now (for now?), with your help. First, we had to determine the direction of the drag (https://codepen.io/GreenSock/pen/zyxgh?editors=001) and then keep looking for solutions, which I think we found (https://greensock.com/forums/topic/21450-draggable-in-iframe-on-mobile-is-buggy/?tab=comments#comment-101225). So, if the swipe is close to being horizontal, only then do we add this code…
$("body")[0].addEventListener("touchforcechange", handleTouchMove, false);
Which will then call this function…
function handleTouchMove(e) {
e.preventDefault();
}
And then ‘onDragEnd’ we add this code…
$("body")[0].removeEventListener("touchforcechange", handleTouchMove, false);
I have no idea if this a permanent fix, please advise
— Draggable Latest Beta with iOS 13.1.3
Dragging horizontally works, scrolling vertically does not work at all when swiping up or down on the draggable slides, users have to swipe up or down on the part of the page that is not a slide, that is not draggable… unusable.
— Draggable Production with iPadOS 13.1.3
This is still not working. ‘touchforcechange’ seems to be completely ignored. Any advice?
— Draggable Latest Beta with iPadOS 13.1.3
My previous post above indicated that everything worked perfectly with the latest beta on the iPad, not sure if I screwed up the testing, but the latest beta seems to have the same behavior as the production version of Draggable, with ‘touchforcechange’ being ignored (?).
— Other Notes
Desktop works fine with production and latest beta of Draggable. FYI, we add these listeners once everything is loaded, Not sure if it is helping or hurting.
document.addEventListener('touchmove', function(e) {
//
}, { passive: false });
document.addEventListener('touchstart', function(e) {
//
}, { passive: false });
Any help would be appreciated, thanks
tom