It Doesn't Work With Images about react-draggable HOT 12 CLOSED

It's because of the default HTML5 drag API. if you change your img tag to

<img id="layout" draggable="false" src="img/layout.png" />

it should work as expected

from react-draggable.

Hi again! It would be nice to add this "issue" to the documentation. Don't you think so?

from react-draggable.

Doesn't work anymore, even after adding draggable="false", is there a fix to this?

from react-draggable.

@sreetamdas You could use a better package like https://github.com/clauderic/react-sortable-hoc

from react-draggable.

thanks

from react-draggable.

Wow! It works now. Thanks @yujingz.

from react-draggable.

Agreed. I added a note to the README.

from react-draggable.

Thanks.

from react-draggable.

What do you guys think about an opt-in behavior which finds all child img elements and set draggable="false" on them?

disableImgDraggable=true or something

from react-draggable.

so good~

from react-draggable.

Happy to address the issue if someone can reproduce it and produce a fix.

This isn't a relationship where I provide you software in exchange for money. This is a community project. If it doesn't work for your use case, either produce a good bug report, or better yet, find a way to make it work for your use case and contribute the code. That's the only way it gets better.

from react-draggable.

It's because of the default HTML5 drag API. if you change your img tag to

<img id="layout" draggable="false" src="img/layout.png" />

it should work as expected

Wow, amazing, it works! Thank you!!

from react-draggable.