DEV Community

Discussion on: 🚀 A powerful drag and drop implementation in just 16 lines of JavaScript

Collapse
 
jonrandy profile image
Jon Randy 🎖️ • Edited

Very buggy. I got into this situation fairly quickly...
Screen grab
And this...
Screen grab

Collapse
 
siddharthshyniben profile image
Siddharth

I don't seem to able to reproduce it. Which browser are you in?

Collapse
 
jonrandy profile image
Jon Randy 🎖️ • Edited

Happens on all browsers I've tried - Firefox and Chrome on both macOS and Ubuntu. Easy to reproduce. I think it has to do with not disabling user selection on the draggable items (just a hunch, I don't have time to look into it)

Thread Thread
 
siddharthshyniben profile image
Siddharth

I see, unfortunately I've tried a long time but I never was able to reproduce.

Anyways, thanks for the feedback! I'll look into it and see if I can do something about it.

Collapse
 
hexdom profile image
Helge-Kristoffer Wang • Edited

I was able to get something similar. I separated the text into its own box and the black background into another box.

dev-to-uploads.s3.amazonaws.com/up...

Either way, this is a good start for a drag and drop component - it does work, but might need a little fine tuning.

Google Chrome Version 95.0.4638.69 (Official Build) (x86_64)

Thread Thread
 
siddharthshyniben profile image
Siddharth

Can't reproduce, but thanks for the feedback. I'll look into this, and once i find out the issues I'll write a follow up!