vue-drag-drop
vue-drag-drop copied to clipboard
Chromium: Default drag image too large
In all Chromium-based browsers, when not explicitly setting the image or #image-slot, the drag renders a huge image.
From the live example:

The reason for this is, that by default the #image-slot is rendered with <div style="position: fixed; top: -1000px"></div> as a child of <Drag>. Chromium considers this part of the dragged element.
Workaround
As a workaround it is possible to set <Drag :hide-image-html="false">.
Solution
The hidden container element should probably have v-if="$slots.image".
Same problem in Chrome