Startdrag on IOS

[Elzean]

Hi!

 

i have a problem to make the function startDrag(e) to work on IOS. Withinn a mousedown on desktop it's working fine, but on IOS i tried severals events (touchstart, touchmove, ...) passing the event or the event.originalEvent, adding event.preventDefault() or trying stuff like "$(ev.target).trigger('mousedown');", but nothing is working. All the events seems to work fine though, if i put some alert inside i can see them pop in IOS.

 

If i use the normal way with Draggable.create() it's fine too, but in my case i need to use startdrag, the object moved by Draggable.js is not the same object the user press and drag on his screen.

 

I have an example, it's a bit messy but might help to understand my problem (you need to drag the grey area left and right) : http://firelight-creation.com/julien_tonsuso/flip/

 

Thanks !

 

 

[Rodrigo]

Hi and welcome to the GreenSock forums.

 

Have you tried the trigger property of the Draggable tool?.

 

Perhaps I'm understanding this the wrong way(apologies all around if I am), but it seems that you're trying to start the drag by using the touch/mouse event on other element, that's precisely what trigger is for.

 

You can see a couple. This is a very simple one:

 

See the Pen IiHgq by rhernando (@rhernando) on CodePen.

 

And this one crafted by Jamie:

 

See the Pen lykFn by jamiejefferson (@jamiejefferson) on CodePen.

 

Rodrigo.

[Elzean]

Hey, 

 

thanks a lot, i can't believe i missed that... I was looking at the variables and functions in the doc and didn't check well enough the params.

 

It's now working fine in both ios and desktop

 

Thanks again!

[Rodrigo]

 i can't believe i missed that...

 

Don't worry, it happens to all of us

 

You're welcome.

 

Happy Tweening!!