How to make controls clickable

[tsch1]

I use Packery.js together with Dragabilly. Inside the container I have <select> tag.

When I click anywhere on the container, drag event starts. Also on child elements. This prevents drop down from opening. Example under this link:

http://jsfiddle.net/Tschareck/tXdqw/1/

How can I override dragging, and instead open dropdown or fire Button event, when I click on it?

[desandro]

Good question! The trick is to use handle so that it takes up as much space as the draggable parent, but sits behind all other non-draggable stuff. See back handle example on CodePen http://codepen.io/desandro/pen/znAuH

I updated your example with this technique http://jsfiddle.net/desandro/tXdqw/5/