How would I go about making a ghost image of the parent element when I start dragging on a child element that has draggable="true"? Consider the following html.
<div class="wrapper">
<button class="drag-handle" draggable="true">
drag me
</button>
content
</div>
When I starting dragging on the button, only a ghost image of the button is created and not the whole entire container. How can I achieve this?