draggable with dragClickables:on prevents some textarea shortcuts

[boynet 1 Likes (Newbie)]

when there is a input or textarea inside draggable element with 

type:"x",
dragClickables:true,

shortcuts like ctrl+a not working.

 

tested on chrome 56.0.2924.87

 

googling about it I saw this issue https://github.com/react-dnd/react-dnd/issues/178 it seems like the bug is because of listening to selectstart

 

 

 

See the Pen xqPOmw by anon (@anon) on CodePen

[OSUblake 18,477 Likes (Superhero)]

It's not a bug. Here's a lengthy thread that shows how you can workaround that.

https://greensock.com/forums/topic/11964-select-text-on-draggable/

 

.

[boynet 1 Likes (Newbie)]

Hi  its have some similarity but I believe its a different bug about ctrl+a inside textarea when the textarea is inside a draggable element when dragClickables:true,

 

I can verify that draggable is listening to selectstart and when removing this listener ctrl+a is working great..

 

I put a link to a github issue on other library but referencing the same selectstart event bug

[OSUblake 18,477 Likes (Superhero)]

To prevent selecting text outside of the textarea, you could do something like this in the onPress callback.

See the Pen QpOGBp?editors=0010 by osublake (@osublake) on CodePen

[boynet 1 Likes (Newbie)]

Thanks working great