[BUG]Unable to disable drag ghost image when using drag prop

[hassanzadeh-mj]

Note

Motion for Vue issues: Please open in the Motion for Vue repo.

** Read the FAQs 👇**

When using the drag prop on motion components, the browser creates a default drag ghost image that appears below the element during drag operations. Currently, there is no way to disable or remove this drag image, which can be visually distracting or unwanted in certain UI components like toast notifications, modals, or custom draggable elements.

https://s6.uupload.ir/files/screenshot_2025-11-09_at_11.50.29 am_eqcc.png
Steps to reproduce the behavior:

1. Create a motion component with drag prop enabled
2. Start dragging the element
3. Observe the drag ghost image appearing below the cursor
4. Notice there's no way to disable or remove this drag image

There should be a way to disable or hide the drag ghost image when dragging elements. Currently, it's not possible to remove it.