Comments on: Cross Browser HTML5 Drag and Drop

By: Salman K

Salman K — Wed, 08 Sep 2010 09:00:04 +0000

Thank you so much for the info. Will prove immensely helpful to us in our efforts to get to grip with HTML5 DnD. Best,

By: Art4Med

Art4Med — Sat, 28 Aug 2010 00:56:53 +0000

Transparency on FireFox works for Ubuntu Lucid (10.04)

By: Shreyas Patel

Shreyas Patel — Fri, 06 Aug 2010 16:33:36 +0000

It’s Great Material Really

By: The Web Doesn’t Suck. Browsers Are Innovating. « Katz Got Your Tongue?

Sun, 02 May 2010 21:04:36 +0000

[...] quite a number of years now. Threading? Check. GPU acceleration? Check and check. Drag and drop? Check. Offline access and persistence? Check and [...]

By: zoltan

zoltan — Thu, 22 Apr 2010 22:16:15 +0000

@Ken: thanks a mil for these — I will be updating DragAndDropHelpers.js with these changes very soon.

By: Ken Corey

Ken Corey — Thu, 22 Apr 2010 08:51:48 +0000

Just a follow on for anyone coming after me…turns out that Chrome 5 has a default value of ‘uninitialized’ and ‘none’ for effectAllowed and dropEffect. Change these (both) to ‘copy’, and the drop events are sent using Chrome.

(Look in example #5 matched to see where to do that.)

-Ken

By: Ken Corey

Ken Corey — Wed, 21 Apr 2010 11:54:06 +0000

Hiya,

Just ran across this in a search to solve a problem I’m having. I tried it out on Firefox, and all worked fine.

I’m trying it out on Chrome 5.0.342.9 on WinXP SP3, and the visual feedback didn’t appear, so apparently on line 148 of DragDropHelpers.js, you might want to change the version comparison to be less than 6 rather than 5…

Even worse, the drop events aren’t firing at all, which is a crying shame. I haven’t dug into it enough to see what’s going on, but it looks like I’ll have to. I *need* this to work.

-Ken

By: John B

John B — Wed, 24 Mar 2010 20:43:07 +0000

RE: IE – I *think* I was testing on IE7/XP Home, but I don’t remember 100%, I’ve had both that and my IE8/Vista Home Premium up & running over the last couple of days.

In Mac Chrome, (I haven’t tested Windows yet), I’ve discovered further issues. It seems that the dragover and drop events are not firing unless the draggable object is an a tag with the href set, (IE-ish, no?).

By: zoltan

zoltan — Wed, 24 Mar 2010 19:24:16 +0000

@John: Thanks for the info regarding Mac Chrome .. when writing the article, I was testing with version 4, which works as expected, but have confirmed 5 doesn’t. I will update this article after testing your suggestion. Thanks for the heads up :)

As for ie not showing visual cues, i am currently not experiencing this. Could you let me know which version of IE you tested this on?

By: John B

John B — Wed, 24 Mar 2010 11:40:34 +0000

Hi Zoltan! I was feeling discouraged after reading PPK’s rant, but you’ve got an amazing resource here.

I have discovered an issue. Several of your examples don’t work in Chrome on OSX, (I’m running 5.0.307.11 on OSX 10.6.2). Specifically, from Example #3 onwards, the drop event never fires. However, I found that this can be fixed by making sure that effectAllowed and dropEffect are properly set.

Also, the visual fix for IE & Chrome doesn’t seem to be working for me, but I haven’t dived into why yet.

Thanks again.