Touch Events are not working properly.

[sai-velamuri]

I'm working with two draggable areas.

<draggable 
  v-model="myArray" 
  group="people" 
  @start="drag=true" 
  @end="drag=false" 
  item-key="id">
  <template #item="{element}">
    <div @click="fireEvent" // not working on some mobile phones
            @touchend.prevent="fireEvent">{{element.name}}</div>
   </template>
</draggable>

function fireEvent() {
  // my logic to shift items back and forth b/n lists
}

On touch I'm moving the item to another drag list. During testing there are inconsistencies in between devices. Is there anyway that we can have trigger touch event and it doesn't collide with drag events?

[hanotao]

Me too. You need to click twice