JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:600px;width:600px;border-color: blue; border-style: solid;">
    <div id='debugPanel'>
        <div>
            <textarea id="output" style="height:300px;width:400px">Under Firefox 31.0 I cannot select this text.
IE 11 does not allow to select this text nor edit it
Chrome works fine.</textarea>
        </div>
    </div>
</div>

CSS

#debugPanel {
		    max-width: 552px;
		}
		[draggable=true] {
		    cursor: move;
		    border-color: red;
		    border-style: solid;
            padding-top: 20px;    
		}

JavaScript

$('#debugPanel').draggable();