Question: Respond to a click on the dragable item

[ofirgellerSM]

If the user clicks on the item and does not hold the mouse key I would like to run some function.

Normally I would add an "onClick" handler to the element, but it seems like the listeners are colliding with that method.

• I don't mind adding a delay to the start of the drag if that is necessary.

[vladluca]

@ofirgellerSM You can find a solution to your problem here: #477

[awgv]

@ofirgellerSM The API allows constraining the activation via a delay or distance. Something like that:

// All of these are imported from '@dnd-kit/core'.

const sensors = useSensors(
  useSensor(PointerSensor, {
    activationConstraint: {
      distance: 8,
    },
  })
)

<DndContext sensors={sensors}>
  // […]
</DndContext>

[Anishali2]

 const pointerSensor = useSensor(PointerSensor, {
    activationConstraint: {
      distance: 0.01
    }
  })
  const mouseSensor = useSensor(MouseSensor)
  const touchSensor = useSensor(TouchSensor)
  const keyboardSensor = useSensor(KeyboardSensor)

  const sensors = useSensors(
    mouseSensor,
    touchSensor,
    keyboardSensor,
    pointerSensor
  )

this works perfectly with touch and drag

[chirag-9121]

@awgv's answer worked for me. But I encountered another problem. When I try to drag an element, the click functionality gets triggered and opens the popover component while also dragging the element. How can I avoid the click once a component is dragged?