JSFiddle - React, Tailwind, and code Playground

by Julian

HTML

<div id="wrapper">
    <div id="inputProxy" class="inputArea" contenteditable></div>
</div>
<div style="clear:both;"></div>
<div> bla</div>

CSS

.inputArea {
    width: 200px;
    height: 100px;
    margin: 10px;
    border: 1px solid red;
}

#wrapper {
    overflow: hidden;
    border: 1px solid green;
    padding: 20px;
}

#inputProxy {
    xfloat: left;
}

JavaScript

$('#inputProxy').on('keydown', function() {
    var inputProxy = document.getElementById('inputProxy');
    inputProxy.blur(); inputProxy.focus();
    // console.log("***", inputProxy.get()[0].offsetHeight);
    // display.html(inputProxy.html());
});