vue-drag-drop icon indicating copy to clipboard operation
vue-drag-drop copied to clipboard

Chromium: Default drag image too large

Open bodograumann opened this issue 5 years ago • 1 comments

In all Chromium-based browsers, when not explicitly setting the image or #image-slot, the drag renders a huge image. From the live example:

drag-drop

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".

bodograumann avatar Oct 26 '20 12:10 bodograumann

Same problem in Chrome

edbond88 avatar Nov 20 '20 12:11 edbond88