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
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.
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
delayoption. You can give it something tiny like200and 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!