How do I get the coordinates of my dropped item relative to the drop target container?

I am working with 1.0.0-rc.

In drag-around-naive:

const boxTarget = {
  drop(props, monitor, component) {
    const item = monitor.getItem();
    const delta = monitor.getDifferenceFromInitialOffset();
    const left = Math.round(item.left + delta.x);
    const top = Math.round(item.top + delta.y);

    component.moveBox(item.id, left, top);
  }
};

At present it looks like I need to get the offset from the page of the original item, then I can find the offset from the page of where I dropped, then I need to find the offset of the drop container from the page, then do that calculation and I have the relative position in my drop target container.

This seems like a lot of work for something pretty common…

[gaearon]

Yeah I guess we could have this for symmetry. For now, you can just use findDOMNode(component).getBoundingClientRect(), but I wouldn’t mind adding this if more people voice support. Let’s keep this open and see what others say.

[sheerun]

@gaearon I’m interested in generalized solution. How can we use react-dnd-html5-backend instead of getBoundingClientRect directly?