title: How can I make a nested element not draggable in a draggable container?
body: <p>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. </p>
  
  <p>Example:
      <a href="https://jsfiddle.net/Luzub54b/" rel="noreferrer">https://jsfiddle.net/Luzub54b/</a></p>
  
  <pre><code>&lt;div class="parent" draggable="true"&gt;
     &lt;input class="child" type="text" value="22.99"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Safari seems to do this for inputs by default so try it on Chrome or Firefox.</p>