How can I make a nested element not draggable in a draggable container?

Viewed 2417

I'm using HTML5 drag and drop on a parent container, but I want to disable the drag effect on some of its children, specifically an input so that users can select/edit input content easily.

Example: https://jsfiddle.net/Luzub54b/

<div class="parent" draggable="true">
   <input class="child" type="text" value="22.99"/>
</div>

Safari seems to do this for inputs by default so try it on Chrome or Firefox.

1 Answers
Related