691796 - the dragstart event is not fired on a svg element

Status: RESOLVED INVALID

(Core :: DOM: Copy & Paste and Drag & Drop, defect, P5)

Description

[Christophe]

Load the file, try to drag the yellow rectangle, nothing will happen
If you click first on the yellow rectangle, then you will be able to drag it; click on the blue container, you will have to click the yellow rectangle another time to start a drag

Comment 1

[Christophe]

Attachment: repro

Comment 2

[Robert Longson [:longsonr]]

try adding

container.setAttribute("pointer-events", "none");
draggable.setAttribute("pointer-events", "all");

Comment 3

[Christophe]

same bug for the first drag, then works fine (when clicking on the container, the draggable element won't loose the "focus")

but the container may have to respond to events...

Comment 4

[Robert Longson [:longsonr]]

I think you're getting some default behaviour from some other event. Maybe mousemove, onclick or onfocus. You may need to add a handler for one or more of these and do event.preventDefault() on them.

I don't think there's any real bug here. The browser is allowed to provide default handling for many events and your drag/drop isn't working with that default behaviour.

Comment 5

[Robert Longson [:longsonr]]

See bug 525591 for an alternative drag/drop solution too.

Comment 6

[Christophe]

I have tried various combinaison of handlers, but unsuccessfully. Is there a way to know all the events fired by the browser ?
I will use the drag&drop old style... Thanks for your help!

Comment 7

[Robert Longson [:longsonr]]

There's no single source that I know of.

Comment 8

[Neil Deakin]

We only fire dragstart on selections (text, images or links), html and xul elements. I don't know if the svg spec or some other spec defines drag and drop events in svg. We could support the draggable or similar attribute on svg elements.

Or just fire dragstart on all svg elements anyway (as we do for xul). The issue with this approach is that the user action for dragging is the same as for selecting, so if it's expected that dragging with the mouse creates a selection in svg then this approach might not work.

Comment 9

[Robert Longson [:longsonr]]

The SVG spec does not list drag events as being fired on SVG elements: http://www.w3.org/TR/SVG/svgdom.html#RelationshipWithDOM2Events I suspect that's because the SVG specification came before drag events were thought of though.

The mouse should work in SVG the same as it does in html.

Comment 10

[Jens Stutte [:jstutte]]

Bulk-downgrade of unassigned, untouched DOM/Storage bug's priority.

If you have reason to believe, this is wrong, please write a comment and ni :jstutte.

Comment 11

[Robert Longson [:longsonr]]

According to the specification draggable applies to HTML elements only https://html.spec.whatwg.org/multipage/dnd.html#dom-draggable