Dragging by image in Chrome

[ivailo91]

When you click an <img> in order to start a drag in Google Chrome, the browser starts to select text rather than drag the item. In Firefox it seems ok.

[ivailo91]

<div id="draggable"><img src="icon-search-big.png" /></div> <script type="text/javascript"> $('#draggable').draggable({distance: 10}); </script>

That should show the bug. After my attempts to replicate it, it only seemed to show when the draggable had the "distance" property set.

[benkevich]

Index: ui.draggable.js =================================================================== --- ui.draggable.js (revision 2599) +++ ui.draggable.js (working copy) @@ -50,6 +50,13 @@

this.handle = this._getHandle(event); if (!this.handle)

return false;

+ + deselecting selected text + document.body.focus(); + avoiding strange cursor behavior + document.onselectstart = function () { return false; }; + image draging tweak + event.target.ondragstart = function() { return false; };

return true;

EOF

this should fix problem. Ref: ​http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx

[Scott González]

Fixed in 1.8.6.