725277 - [SVG / JavaScript] Strange behavior of a dragged <use> referencing a <symbol>

Status: RESOLVED INVALID

(Core :: SVG, defect)

Description

[Nicolas Hoizey]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:10.0) Gecko/20100101 Firefox/10.0
Build ID: 20120129021758

Steps to reproduce:

I tried to define a few <symbol> to reference with <use> and then add JS events to deal with drag&drop.


Actual results:

In Firefox 10, the drag didn't work very well, the element keeping it's position unless the mouse button was released, outside the element.

Everything is smooth in other browsers such as Chrome, Safari and Opera.

Demo:
http://jsfiddle.net/nhoizey/p8mXU/



Expected results:

It should be smooth, the element following the mouse cursor, as in other browsers.

Removing the <symbol> solved this issue:
http://jsfiddle.net/nhoizey/5YyMD/

Comment 1

[Robert Longson [:longsonr]]

You need to call event.preventDefault(); in the event handlers to prevent the UAs default drag/drop handling from occurring.

Comment 2

[Nicolas Hoizey]

You're right, sorry.