Option to customize setDragImage

[forresto]

MDN: https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage

It's here in the Tiptap code, hard-wired to this.dom, but it could be configurable:

tiptap/packages/core/src/NodeView.ts

Line 94 in 1ebc8f8

event.dataTransfer?.setDragImage(this.dom, x, y)

[chrisjowen]

Is there a workaround for this in the meantime?

[porkopek]

You can do it on React like

useEffect(() => {
    if (!editor) return;
    const hidePreview = event => {
      const transparentImage = new Image(0, 0);
      transparentImage.src =
        'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
      event.dataTransfer.setDragImage(transparentImage, 0, 0);
    };
    editor.view.dom.addEventListener('dragstart', hideView);
    return () => {
      editor.view.dom.removeEventListener('dragstart', hidePreview);
    };
  }, [editor]);