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

Published 20 hours ago • verified publisher icon formkit

Draggin via touch breaks the display

Open Techn1c4l opened this issue 1 year ago • 3 comments

When doing drag and drop using mouse, it works just fine.

However, once switched to a touch device view in a browser, the display is broken. Strangely, it also won't allow any right click on the page on any element afterwards. After checking the DOM, it seems like the copy of the dragged node is added to the DOM, but never removed.

Switching back to the mouse device doesn't fix it.

This is how it looks like.

image

Tested both on Chrome 122.0.6261.129 and Firefox 123.0.1.

P.S. Can we get an option to disable opacity on a dragged node?

Techn1c4l avatar Mar 20 '24 06:03 Techn1c4l

@Techn1c4l Hey there! Would you mind showing a reproduction of how you get into the broken state? I am having a hard time replicating on my end.

sashamilenkovic avatar Mar 20 '24 09:03 sashamilenkovic

@Techn1c4l Hey there! Would you mind showing a reproduction of how you get into the broken state? I am having a hard time replicating on my end.

I tried to reproduce it on the StackBlitz, but it works just fine there. Guess I'll have to look into my project a bit more.

Techn1c4l avatar Mar 20 '24 10:03 Techn1c4l

Hi ! I have the same problem, it's appear when using handleEnd function

No problem when drag with mouse, only with touch device.

image

EDIT : solution find in other ticket, with call handleEnd in handleEnd

Leorio21 avatar May 02 '24 09:05 Leorio21