Tribal Toronto

  • Content count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About Tribal Toronto

  • Rank
  1. Issue with Draggable on mobile

    Hey all, thanks for this... maybe it's just the phone I've been testing on. It's a sony xperia z5 premium running 7.0 . I've included a video of the issue just for reference but it seems it's just the phone and we can enable it for the site since this seems to be an edge case. (please ignore the audio) Let me know if you can duplicate this on any of your phone please but otherwise I'll leave you all alone now Thanks again!
  2. Issue with Draggable on mobile

    Desktop mode isn't needed for the codepen example. The demo will actually break in straight up android mobile (I think iOS too but I don't have that device to test at the moment). The chrome emulator won't break with it since it still technically a desktop browser even when in emulation mode. To replicate swipe slowly on the device left and right . Usually on the 3rd or 4rth swipe it will trigger a click. You can kind of force this interaction by doing a quick short down drag and then drag either direction. It's like the down drag is still being caught even though drag should only be X.
  3. Issue with Draggable on mobile

    Hey, no problem, here is a codepen that's boiled down to just jQuery and Greensock. In mobile swipe can still cause an accidental click.
  4. Issue with Draggable on mobile

    Thanks for the reply. I did actually update them right after this post but I haven't seen any change in behavior. It will also catch the click event when trying to scroll up and down on mobile even though type is only 'x' . The allowNativeTouchScrolling works in the fact that it becomes very hard to click on the area now. That does seem like a closer fix... is there something I can use in conjunction with that to get the clicks working again? I also tried minimumMovement:6 which didn't seem to help
  5. Issue with Draggable on mobile

    We have a sub-site that was created using draggable as a side to side slider. You can see the slider in action here.... The issue is that when in mobile (you will have to browse in desktop mode to recreate the issue) and you start dragging, sometimes the draggable portion gets stuck and then because it doesn't move it fires the click event on the object your finger is on. Here's the draggable object... Draggable.create($(this), {type:dragType, edgeResistance:0.65, bounds:{minX:-tempWidth, maxX:0, minY:0, maxY:0, width:tempWidth},dragClickables:true, lockAxis:true, liveSnap:true,snap: { y: function() { return 0; }}, throwProps:true, onClick:function(event){} }); Can anyone tell me if there is a solution to fix this issue? Should I report it as a bug? For some reason desktop is unaffected by this issue. Using: Draggable 0.14.1 and ThrowProps 0.9.9