JSFiddle - React, Tailwind, and code Playground

by molecule

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.2a/resources/css/ext-all.css">
<div id="d1"></div>
<div id="d2"></div>

CSS

#d1 {
    width: 100px;
    height: 100px;
    background: #ccc;
}
#d2 {
    width: 100%;
    height: 1000px;
    background: #fcc;
    position: absolute;
    top: 0;
        bottom: 0;
    opacity: 0.2;
}

JavaScript

//console.log(Ext.get('d1'))//.initDD('block');
var dd = new Ext.dd.DD('d1', 'block');
dd.setOuterHandleElId('d2');