Can't override the `touchAction` for Draggable in React

[Pavel Laptev 3 Likes (Newbie)]

Hi! I have the similar problem as in this thread — draggable doesn't work well on androids.

 

In order to fix it I need to override the default draggable `touchAction` which is `manipulation` but I can't do it with react. Looks like it's just ignore my override. What am I doing wrong? Here is the demo — https://codesandbox.io/s/gracious-lumiere-ynov4r?file=/src/App.tsx

 

 

 

 

[Pavel Laptev 3 Likes (Newbie)]

up

[Pavel Laptev 3 Likes (Newbie)]

I figured that if you disable `allowEventDefault: true` this fix the issue. But I hope it wouldn't affect the behaviour for interactive elements inside.

 

[GreenSock 18,243 Likes (Superhero)]

Did you try just doing your .set() AFTER you create the Draggable? It looks like you did it BEFORE in your demo. 

 

Also, if you don't want to allow native touch scrolling, setting allowNativeTouchScrolling: false is an option as well (instead of allowEventDefault). 

[Pavel Laptev 3 Likes (Newbie)]

On 8/4/2022 at 6:37 AM, GreenSock said:

Did you try just doing your .set() AFTER you create the Draggable? It looks like you did it BEFORE in your demo. 

 

Also, if you don't want to allow native touch scrolling, setting allowNativeTouchScrolling: false is an option as well (instead of allowEventDefault). 

Thank you!