title: vue.draggable dragging wrong element
body: <p>I'm trying to reorder the colors in a palette using DnD.
  Pen is here:
   - <a href="https://codepen.io/neon22/project/editor/XbqvYe" rel="nofollow noreferrer">https://codepen.io/neon22/project/editor/XbqvYe</a></p>
  
  <pre><code>&lt;script type="text/x-template" id="cpalette"&gt;
    &lt;div&gt;
      &lt;draggable v-model="colors" class="dragArea"&gt;
          &lt;ul class="color-list" &gt;
              &lt;input type="hidden" :name="inputId" :id="inputId" v-model="colors"&gt;
              &lt;li v-if="emptyOption"&gt;
                  &lt;a class="noColor" v-if="emptyOption !== 'true'" href="" @click.prevent="setColor();" :title="emptyOption === 'true' ? '' : emptyOption" :class="{selected: !selectedColor &amp;&amp; !noSelection}"&gt;&lt;/a&gt;
              &lt;/li&gt;
            &lt;!-- &lt;draggable v-model="colors" tag='li' class="dragArea"&gt; --&gt;
              &lt;li v-for="color in colors" :key="color.id" :data-id="color.id" &gt;
                  &lt;a href="" :style="{background: color.hex}" :title="color.stash" @click.prevent="setColor(color.hex, color.id, color.stash)" :class="{selected: selectedColor === color.hex}"&gt;&lt;/a&gt;
              &lt;/li&gt;
            &lt;!-- &lt;/draggable&gt; --&gt;
          &lt;/ul&gt;
      &lt;/draggable&gt;
    &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>I.e. I'm reordering in the same array. (I also want to enable dropping it into a separate region for copying etc).
  Instead I can drag the entire UL but not the individual li elements. I have noodled with it for a while now and have confused myself. I can see classes changing in chrome dev so I think its almost working.
  Maybe the input is getting in the way ?</p>
  
  <p>I'm trying to get an end result like this:
  - <a href="https://sortablejs.github.io/Vue.Draggable/#/transition-example-2" rel="nofollow noreferrer">https://sortablejs.github.io/Vue.Draggable/#/transition-example-2</a>
  but I have not added the transition-group yet.</p>
  
  <p>I will also want to be able to drop the individual colors into a second area (where a @dropend will copy them and etc etc...) In fact if I can get a better grip on draggable then maybe I'd do a delete trashcan instead of a button.</p>
  
  <p>So I want to reorder individual colors and enable a separate drop target.</p>
  
  <p>Any help would be greatly appreciated. I'm sure its something simple :(</p>