react-complex-tree icon indicating copy to clipboard operation
react-complex-tree copied to clipboard

Ability to set the drag feedback image

Open tonyketcham opened this issue 1 year ago • 0 comments

Is your feature request related to a problem? Please describe.

When I attempt to set a custom drag feedback image via something like...

// Item.tsx

const generateDragGhostStyle = (event: React.DragEvent) => {
  event.dataTransfer.setDragImage(new Image(), 0, 0);
};

...

<button
  {...context.interactiveElementProps}
  onDragStart={generateDragGhostStyle}
  >
  ...
</button>

It completely messes up the drop position detection and scrunches it to a region at the very top of the tree. It seems an offset is calculated internally that my above code snippet overrides.

Describe the solution you'd like

I'd love to be able to provide a renderDragImage prop to the tree environment which corresponds to setDragImage's imgElement argument.

tonyketcham avatar Aug 23 '22 05:08 tonyketcham