JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dnd">
    <textarea placeholder="drop here"></textarea>
    <img class="unselectable" src="http://johnlewis.scene7.com/is/image/JohnLewis/231108668?$prod_main$" draggable='false' class="unselectable"/>
</div>

CSS

img {height:100px;width:100px;}
textarea{height:100px;width:100px}
.unselectable {
    /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
    /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
    -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */
    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
}