img are not draggable [Firefox, Internet Explorer]

[josepichu]

Describe the bug
In custom cards, any img are not draggable, however handleDragStart event is called. it seems like the click event is breaking because then in blur event the image start dragging.

Any other component of the custom card is draggable.

I found the error only in Firefox and Internet Explorer 11. in Google Chrome works.

surprisingly, if i declare the property draggable={false} in img tag works in Firefox.

To Reproduce
Steps to reproduce the behavior:

1. create a simple custom card with a img Tag
2. Try to drag it an the its breaks.

Expected behavior
To be draggable like div or others components.

Screenshots
const CustomCard = (props) => { ....
return ( <div className="yyyy"> <img src="XXX" /> <span className="zzzz">{description}</span>
) }

Desktop (please complete the following information):

• OS: Windows 10 and Debian
• Browser Firefox 69.0.1, Internet Explorer 11

[josepichu]

Its seems that there is some conflict with native drag. Just preventing default drag start event and works.

onDragStart={(e) => e.preventDefault()}

hope helps.

[dapi]

Thank you for reporting