Draggable: problem with bootstrap collapse item

Created on 11 Jul 2018  路  5Comments  路  Source: Shopify/draggable

when the collapse is clicked, drag event is fired, so the element never been "expanded",
Is there any non-draggable area to exclude my collapse

question

Most helpful comment

@asaelz @JeansReal so sorry for the late reply! I thought I had messaged back but maybe my comment didn't get posted....

All you need is to set the delay option. You can give it something tiny like 200 and you should be good to go.

You can read more about options here:
https://github.com/Shopify/draggable/tree/master/src/Draggable#options

I tested it out in your Codepen and it worked perfectly. Please let me know if this resolves both of your issues and I will close!

All 5 comments

Hi @asaelz

We might need a more thorough description.

Are you describing a button WITHIN a draggable item? And you want to drag the item, EXCEPT when you are overtop of the child button?

Is it possible that you can create a Codepen of your issue?

Thanks.

Hi @beefchimi

Thanks for answering.

That's right is a button for use the collapse element, inside a draggable container, but when i click the button, drag event is fired, i need click the button without fired dragged event

Codepen of that:
https://codepen.io/asaelz/pen/BPyXoz

Im having the same issue also

@asaelz @JeansReal so sorry for the late reply! I thought I had messaged back but maybe my comment didn't get posted....

All you need is to set the delay option. You can give it something tiny like 200 and you should be good to go.

You can read more about options here:
https://github.com/Shopify/draggable/tree/master/src/Draggable#options

I tested it out in your Codepen and it worked perfectly. Please let me know if this resolves both of your issues and I will close!

Hi, @beefchimi

it's works to me :D thanks.

Was this page helpful?
0 / 5 - 0 ratings